All work

Academic project · 2026

Visit the website

30% of donors only found out on the day of the drive that they weren’t eligible to give blood. For Geneva University Hospitals, we designed donnons.ch: a platform that tells them beforehand with a quiz, and gets companies on board with trophies.

In collaboration with Marike Platen, Benoît Jaques, Steve Benjamin, Ella Maiburg and Sarah Furrer

Client
HUG (Geneva University Hospitals)
Setting
HEIG-VD integration project
Duration
4 weeks
Team
6 students
My role
UI lead
donnons.ch, Strategy · UX/UI · Gamification

In brief

Challenge

Let donors know whether they are eligible before the day of the drive, and convince more companies, small businesses in particular, to host one.

What I did

Like everyone on the team, I worked on every part of the project. I was also responsible for signing off the mockups and keeping the visuals consistent.

Result

  • 6/6final grade

Context

Client

Geneva University Hospitals (HUG) run blood drives directly in Geneva companies. Large companies have taken part for years, often as part of their CSR policy; small businesses still need convincing.

Setting

Second-year integration project of the Media Engineering bachelor at HEIG-VD. The HUG were the clients; three teachers followed the project at every sprint review.

Starting point

Workplace drives account for about 10% of blood donations in Geneva, but the HUG provided no material to announce them. A “Generosity Trophy” had rewarded the most committed companies from 2008 to 2010: the HUG wanted to bring it back, with a label and a playful way to explain who can give blood.

Constraints

Four weeks, six people working in Scrum, and a precise set of requirements:

  • Laravel, Vue.js and MySQL required;
  • appointments stay on OneDoc, already used by the HUG;
  • three interfaces: a showcase site to win over companies, a co-branded site in each company’s colours for its employees, and an admin console for the HUG;
  • content that is easy to update and translate.

How can blood drives in partner companies be revitalised to maximise participation?

Problem statement from the brief (translated from French)

Process

  1. Ideation
  2. Benchmark
  3. Audiences
  4. Architecture
  5. Wireframes
  6. Mockups
  7. User testing
  8. Build

Decisions

01

Eligibility criteria are told as a story, not listed

Of 67 people surveyed, 71.6% thought they could give blood, only 30.8% after reading the criteria. A hand-illustrated quiz, guided by Roby, tells everyone before booking whether they are eligible.

Question 10 of 12 of the eligibility quiz, with Roby

02

Three trophies to reward as many companies as possible

A single trophy would have rewarded just one company a year: we created three, calculated as ratios to give small businesses a chance, and a label that makes every partner visible.

The three HUG Trophies and the 2026 Donation Partner Label, on a tablet

03

A ready-to-use kit to announce every drive

Posters, social media visuals, a slide for internal screens and an animated story: each company adapts the templates itself, guided by step-by-step instructions.

Two posters from the company kit: “1 donation, 3 lives.” and the poster with Roby

04

A pixel art world, drawn entirely by hand

The HUG had already used pixel art: we extended it to the whole project. Every illustration and pattern is drawn by hand, over a cream background far from clinical white.

Two pages of the donnons.ch style guide: the colours and the hand-drawn graphic elements

Deliverables

Showcase site

  • The donnons.ch home page: “Mobilise your team to save lives!”
  • The HUG Trophies page of the showcase site
  • The Donation Partner Label page of the showcase site
  • The list of labelled partner companies
  • The “Organise a drive” form

Home page

Co-branded site

  • The home page of the HEIG-VD co-branded drive site, with Roby
  • The Information page: how a donation works, step by step
  • The Information page: eligibility check and link to the quiz

Home page in HEIG-VD colours

Eligibility quiz

  • The quiz introduction: “Check your eligibility”
  • Quiz question 6: “Have you been bitten by a tick in the last 4 weeks?”
  • The “Not this time…” screen, explaining why and suggesting other ways to help
  • The final “See you there!” screen, with Roby as an astronaut and the booking link

Quiz introduction

The quiz in motion

The full quiz, with a “Yes” answer to question 6

Showcase site on mobile

The showcase site home page on mobile
Home page
The HUG Trophies page on mobile
Trophies
The Donation Partner Label page on mobile
Label

Admin site

  • The HUG admin dashboard
  • The company edit window (logo, brand colour) and its drive statistics
  • Monthly KPIs: occupancy rate, co-branded site visits, OneDoc conversion, ineligible sign-ups

Dashboard

Hand-drawn illustrations

  • The quiz question 10 scene, before answering
  • The illustrated reaction to a “No” answer: “Just one tooth down, but it’s fine!”
  • The illustrated reaction to a “Yes” answer: the “Not this time…” screen

Question 10: the scene

Brand guidelines

The Colours page of the guidelines: website and quiz palettes, with their shades
Colours
The Graphic elements page of the guidelines: trophies, label, Roby the mascot and characters
Graphic elements

Trophies, label and certificate

  • The badges of the three 2026 HUG Trophies: Gold, Ambassador and Conviction
  • The 2026 Donation Partner Label badge, a pixel art heart
  • The certificate template given to companies that win a HUG Trophy

The three HUG Trophies

Screens and LinkedIn

  • 16:9 slide “From [date] to [date], let’s donate together.” with a QR code
  • 16:9 slide with Roby: “You too, play along! Let’s donate together!”
  • LinkedIn post “From [date] to [date], let’s donate together.” with the characters
  • HUG LinkedIn post “2026: commit your company to blood donation” with the label
  • HUG LinkedIn post announcing the HUG Trophies winners

Announcement slide for internal screens

Posters

A4 poster “1 donation, 3 lives.” with a QR code
“1 donation, 3 lives.”
A4 poster with Roby: “You too, play along! Let’s donate together!”
With Roby

Social media

Animated Instagram story from the company kit
4:5 Instagram post “From [date] to [date], let’s donate together.”
Company kit Instagram post

Result

Well done on this work, the result of which could easily be taken over and implemented within our institution.

Client’s feedback (translated from French)

  • Assessment

    “You also managed to make the codes of gaming your own and delivered very rich illustration and composition work.” The teaching team also praised how complete the deliverables were, especially the user guides for the communication templates. (Translated from French.)

    • 6/6final grade

  • Delivered

    Three live sites, a hand-illustrated quiz, three trophies, a label and two communication kits, ready for the HUG to take over.

    See the showcase site See the co-branded site Take the quiz

What I learned

In group projects, I tend to get involved in everything and take on a bit of every task. Here, I learned to let go of what was outside my scope and to trust the other team members.

Sacha Loskov · sacha@loskov.ch · +41 78 651 60 00 · loskov.ch

Got a project in mind?

Describe it in a few lines and we’ll work out together how to make it happen.

Get in touch