Tous les projets

Projet académique · 2026

donnons.ch

Voir le site

30 % des donneurs découvraient le jour de la collecte qu’ils n’étaient pas éligibles au don. Pour les HUG, nous avons conçu donnons.ch : une plateforme qui les prévient avant grâce à un quiz, et qui mobilise les entreprises avec des trophées.

En collaboration avec Marike Platen, Benoît Jaques, Steve Benjamin, Ella Maiburg et Sarah Furrer

Client
HUG (Hôpitaux universitaires de Genève)
Cadre
Projet d’intégration HEIG-VD
Durée
4 semaines
Équipe
6 étudiants
Mon rôle
Responsable UI
donnons.ch, Stratégie · UX/UI · Gamification

En bref

Défi

Informer les donneurs de leur éligibilité avant le jour de la collecte, et convaincre davantage d’entreprises, notamment les PME, d’en organiser une.

Ce que j’ai fait

Comme toute l’équipe, j’ai touché à tout sur le projet. J’étais en plus responsable de la validation des maquettes et de la cohérence graphique.

Résultat

  • 6/6note finale

Contexte

Client

Les Hôpitaux universitaires de Genève (HUG) organisent des collectes de sang directement dans les entreprises genevoises. Les grandes entreprises y participent depuis longtemps, souvent dans le cadre de leur politique RSE ; les PME restent à convaincre.

Cadre

Projet d’intégration de 2e année de Bachelor en ingénierie des médias, à la HEIG-VD. Les HUG étaient les mandants ; trois enseignants suivaient le projet à chaque revue de sprint.

Point de départ

Les collectes en entreprise représentent environ 10 % des dons de sang à Genève, mais les HUG ne fournissaient aucun support pour les annoncer. Un « Trophée de la générosité » avait récompensé les entreprises les plus engagées de 2008 à 2010 : les HUG voulaient le relancer, avec un label et une façon ludique d’expliquer les critères du don.

Contraintes

Quatre semaines, six personnes organisées en Scrum, et un cahier des charges précis :

  • Laravel, Vue.js et MySQL imposés ;
  • les rendez-vous restent gérés par OneDoc, déjà utilisé par les HUG ;
  • trois interfaces : un site vitrine pour convaincre les entreprises, un site co-brandé aux couleurs de chaque entreprise pour ses collaborateurs, et une administration pour les HUG ;
  • des contenus faciles à mettre à jour et à traduire.

Comment dynamiser les collectes de sang au sein des entreprises partenaires afin d’en maximiser le taux de participation ?

Problématique du mandat

Déroulement

  1. Idéation
  2. Benchmark
  3. Publics cibles
  4. Architecture
  5. Wireframes
  6. Maquettes
  7. Tests utilisateurs
  8. Intégration

Décisions

01

Les critères du don passent par une histoire, pas par une liste

Sur 67 personnes sondées, 71,6 % pensaient pouvoir donner, 30,8 % seulement après lecture des critères. Un quiz illustré à la main, guidé par Roby, dit à chacun avant le rendez-vous s’il est éligible.

La question 10 sur 12 du quiz d’éligibilité, avec Roby

02

Trois trophées pour récompenser un maximum d’entreprises

Un seul trophée n’aurait récompensé qu’une entreprise par an : nous en avons créé trois, calculés en proportions pour laisser leur chance aux PME, et un label qui rend chaque partenaire visible.

Les trois Trophées HUG et le Label Partenaire du Don 2026, sur une tablette

03

Un kit prêt à l’emploi pour annoncer chaque collecte

Affiches, visuels pour les réseaux sociaux, slide pour les écrans internes et story animée : chaque entreprise adapte elle-même les modèles, guidée par un mode d’emploi pas à pas.

Deux affiches du kit des entreprises : « 1 don, 3 vies. » et l’affiche avec Roby

04

Un univers pixel art entièrement dessiné à la main

Les HUG avaient déjà utilisé le pixel art : nous l’avons étendu à tout le projet. Toutes les illustrations et tous les motifs sont dessinés à la main, sur un fond crème loin du blanc clinique.

Deux pages de la charte graphique de donnons.ch : les couleurs et les éléments graphiques dessinés à la main

Rendu

Le quiz en mouvement

Le quiz complet, avec une réponse « Oui » à la question 6

Site vitrine sur mobile

L’accueil du site vitrine sur mobile
Accueil
La page Trophées HUG sur mobile
Trophées
La page Label Partenaire du Don sur mobile
Label

Charte graphique

La page Couleurs de la charte : palettes du site web et du quiz, avec leurs déclinaisons
Couleurs
La page Éléments graphiques de la charte : trophées, label, mascotte Roby et personnages
Éléments graphiques

Affiches

Affiche A4 « 1 don, 3 vies. » avec un QR code
« 1 don, 3 vies. »
Affiche A4 avec Roby : « Toi aussi joue le jeu ! Donnons ensemble ! »
Avec Roby

Réseaux sociaux

Story Instagram animée du kit des entreprises
Post Instagram 4:5 « Du [date] au [date], donnons ensemble. »
Post Instagram du kit des entreprises

Résultat

Bravo pour ce travail, dont le résultat pourrait facilement être repris et mis en œuvre au sein de notre institution.

Retour du mandant

Ce que j’en retiens

Dans les projets de groupe, j’ai tendance à toucher à tout et à m’occuper d’un peu toutes les tâches. Ici, j’ai appris à lâcher prise sur ce qui sortait de mon périmètre et à faire confiance aux autres membres de l’équipe.

Un projet en tête ?

Décrivez-le en quelques lignes : nous verrons ensemble comment le concrétiser.

Me contacter