Développement web · Don du sang
Les HUG mènent l’enquête
Sur dix inscrits à une collecte de sang, trois repartaient sans avoir pu donner.
Nous avons transformé le questionnaire d’éligibilité en enquête policière, pour que chacun sache avant de s’inscrire s’il peut donner.
- Contexte
- Projet d’intégration HEIG-VD, mandat des HUG
- Année
- 2026
- Durée
- 4 semaines
- Mon rôle
- Développeur full-stack, concept et UX/UI
- Équipe
- 7 étudiant·e·s
- Outils
- Laravel, Vue 3, MySQL, Figma
Le problème
30 % des inscrits ne peuvent pas donner le jour de la collecte.
Notre réponse
Vérifier son éligibilité avant de s’inscrire, en menant l’enquête.
Le résultat
Un site en ligne pendant un an et la note maximale : 6/6.
Trois inscrits sur dix, perdus d’avance
Les Hôpitaux universitaires de Genève (HUG) sont le groupe hospitalier public du canton. Leur Centre de transfusion sanguine doit garantir des réserves de sang toute l’année, et une partie des dons vient de collectes organisées directement dans les entreprises genevoises, des banques aux maisons de luxe.
- des dons viennent des collectes en entreprise
- 10 %des dons viennent des collectes en entreprise
- des inscrits ne peuvent finalement pas donner
- 30 %des inscrits ne peuvent finalement pas donner
Le problème se voit le jour J : un vaccin récent, un voyage, une fièvre, et l’inscrit repart sans avoir donné. Notre mandat : dynamiser ces collectes.
Sept enquêteurs, quatre semaines
Nous étions sept, en Scrum. J’étais le développeur full-stack : une grande partie du front-end en Vue 3 (pages publiques, enquête, pages des entreprises, label, trophée, kit), une part du back-end Laravel, et ma contribution au concept et à l’UX/UI.
Et si le donneur menait l’enquête ?
Les questionnaires d’éligibilité sont des listes administratives qu’on découvre souvent trop tard. Nous en avons fait une enquête : on examine le dossier de l’agent, critère après critère, sans jamais culpabiliser. « Suspect » est devenu « profil recherché ».
Du wireframe au site
01 / 06
L’accueil s’adresse aux entreprises : « Les HUG mènent l’enquête ». On y découvre le programme et on inscrit son entreprise.
02 / 06
Chaque entreprise reçoit sa propre page, à ses couleurs : un don sauve trois vies, une mission de sept minutes.
03 / 06
Sur la même page, un tableau d’indices répond aux questions qu’on n’ose pas poser : est-ce que ça fait mal, combien de temps ça dure.
04 / 06
L’enquête reprend les critères officiels, posés comme les questions d’un interrogatoire. À la fin, la personne éligible prend rendez-vous ; les autres transmettent l’enquête à un collègue.
05 / 06
Toutes les entreprises qui organisent une collecte reçoivent le Label 100 pour Sang ; le Trophée Sangsationnel classe les plus engagées.
06 / 06
Le centre de transfusion suit tout depuis son administration, jusqu’à la question où les gens abandonnent l’enquête.
Côté technique, l’éligibilité est calculée sur le serveur : le navigateur ne reçoit jamais les réponses qui disqualifient. Et aucune donnée personnelle n’est enregistrée, secret médical oblige.
Vue 3
Navigateur
Reçoit les questions, jamais les critères
Laravel
Serveur
Retire les critères, calcule l’éligibilité
MySQL
Base de données
Jeton anonyme, entreprise, éligible : oui ou non
La campagne : la même enquête, partout
Le site n’était qu’une partie de la réponse. Avec l’équipe marketing et UI, nous avons décliné l’enquête sur tous les supports qu’une entreprise peut utiliser : affiches, flyers, roll-up pour le jour de la collecte, bannières intranet, réseaux sociaux, vidéo pour les écrans et même des stickers pour les donneurs. Tout tient dans un kit que chaque entreprise télécharge depuis le site.
Résultats
- note du projet
- 6/6note du projet
- questions, environ 7 minutes
- 24questions, environ 7 minutes
- langues
- 4langues
« Le concept basé sur une enquête est très original et apporte une approche intéressante pour mieux engager les publics cibles. »
Ce que je retiens
J’ai adoré travailler avec cette équipe : sept profils très différents, et une vraie entraide du premier au dernier jour. Je suis fier de ce que nous avons construit, et de ma part dans ce résultat.
Le rythme Scrum, avec un point chaque matin et un sprint par semaine, m’a beaucoup plu. Et répondre à un vrai mandat change tout : on ne code plus pour un exercice, mais pour des gens qui vont s’en servir.
Surtout, j’ai aimé mener un projet full-stack sans me limiter au code : réfléchir au concept et à l’expérience, puis les construire de la base de données jusqu’à l’écran.
Crédits
- Luca Leone · Développeur full-stack
- Romain Blanchard · Product Owner
- Étienne Bergeon · Scrum Master
- Christophe Cunha · UX/UI Designer
- Aissya M’Ghirbi · UX/UI Designer
- Liliana Kolmakova · Marketing et communication
- Marc Bridy · Marketing et communication
Projet d’intégration du Bachelor en Ingénierie des médias, HEIG-VD, pour le Centre de transfusion sanguine des HUG.