360° Project360° Lead (UX/UI, Dev & Com)2026Geneva University Hospitals · Academic project

HUG Sangsationnel

Digital campaign & web platform

Made with: Marc Bridy, Romain Blanchard, Étienne Bergeon, Liliana Kolmakova, Christophe Cunha and Assya Mghirbi.

HUG Sangsationnel – image 1
1/7

01 / 04

Detailed Overview

Design of a communication campaign and gamified digital platform to increase blood donation participation within partner companies of the Geneva University Hospitals.

A 360° academic project developed for the Geneva University Hospitals. Sangsationnel transforms blood donation into an interactive investigation to make participation more engaging. The project covers the entire experience: UX/UI design, visual identity and art direction, a full-stack web platform, social media content, posters, intranet banners and promotional materials. The platform allows employees to create their profile, complete an eligibility quiz, access information about their company’s blood drive and track their impact. An administrative dashboard allows companies to monitor campaign statistics.

02 / 04

Challenges

  • Increase participation in blood drives within partner companies.
  • Transform an institutional topic into an engaging and memorable communication experience.
  • Adapt the same concept across multiple communication channels while maintaining a consistent visual identity.
  • Design a complete digital experience, from the user interface to campaign administration.

03 / 04

Approach

  • Creation of an investigation universe in which each participant becomes an agent and establishes their profile before joining a mission.
  • Design of a co-branded web experience adapted to each partner company, with personalized colors, logos and information.
  • Full-stack development using Laravel, Vue.js and MySQL, including the user journey and administrative dashboard.
  • Creation of communication content for social media, posters, intranet banners and promotional materials.
  • Implementation of a recognition system combining an automatic label and an annual trophy rewarding company engagement.

04 / 04

At a glance

Type
360° Project
Digital
Full-Stack Web
Communication
Print & Social Media
Evaluation
6 / 6

Technologies & Tools

Laravel & Vue.jsUI/UX DesignCommunication DigitalePrint & Social Media
Download PDF Document