Healthtech Visual identity Visual identity UX/UI Challenge · 1 settimana Challenge · 1 week 2023

Trasformare un gesto in un'abitudine. Turning a gesture into a habit.

Challenge vinta per Rosso. Una settimana per progettare identità, servizio e piattaforma partendo dalle paure e dai dubbi di chi dona per la prima volta. Un sistema digitale e una nuova identità per accompagnare i donatori oltre la prima prenotazione. Challenge won for Rosso. One week to design identity, service and platform starting from the fears and doubts of first-time donors. A digital system and a new identity to accompany donors beyond their first appointment.

ProgettoProject
Rosso · Visual Identity & Digital PlatformRosso · Visual Identity & Digital Platform
AnnoYear
Ottobre 2023 · 1 settimanaOctober 2023 · 1 week
RuoloRole
UX/UI Designer · Visual identity · teamUX/UI Designer · Visual identity · team
StatoStatus
Vincitori della challengeChallenge winners
Atto 1

DiscoveryDiscovery

Come abbiamo letto donazione, visual identity e servizio prima di disegnare la piattaforma. How we read donation, visual identity and service before designing the platform.

Rosso ci ha chiesto di progettare un'identità e una piattaforma capaci di rendere la donazione più accessibile, riconoscibile e continuativa.Rosso asked us to design an identity and a platform able to make donation more accessible, recognizable and continuous.

Il brief teneva insieme due livelli: una visual identity capace di parlare a giovani, community e aziende; una piattaforma online che permettesse di conoscere Rosso, prenotare una donazione singola e accompagnare il donatore verso una partecipazione continuativa. Il valore nasce dalla continuità, quando il donatore torna a donare nel momento in cui è nuovamente idoneo.The brief combined two layers: a visual identity able to speak to young people, communities and companies; and an online platform to discover Rosso, book a single donation and accompany the donor towards ongoing participation. Value comes from continuity, when the donor returns to donate when eligible again.

Il programma Corporate LifeSavers era parte della visione: non una pagina secondaria, ma un modo per portare la cultura della donazione dentro le aziende e trasformare un gesto individuale in iniziativa collettiva.Corporate LifeSavers was part of the vision: not a secondary page, but a way to bring donation culture inside companies and turn an individual action into a collective initiative.

La prenotazione non era il traguardo. Il prodotto doveva aiutare una persona a riconoscersi come donatore, poi a tornare quando era di nuovo il momento giusto. Booking was not the goal. The product had to help someone recognize themselves as a donor, then come back when the right time arrived again. Sintesi progettualeDesign synthesis

Abbiamo letto la donazione come un servizio ricorrente, non come un evento isolato.We read donation as a recurring service, not as a one-off event.

La prima frizione era cognitiva: molte persone devono capire se possono donare, cosa succede, quanto tempo serve e come si inserisce l'appuntamento nella settimana. La seconda era di continuità: dopo una donazione, il ritorno non può dipendere solo dalla memoria individuale.The first friction was cognitive: people need to understand if they can donate, what happens, how long it takes and how the appointment fits their week. The second was continuity: after a donation, returning cannot depend only on personal memory.

Sul lato corporate, la complessità cambiava forma: bisognava spiegare valore, organizzazione, partecipazione e impatto senza trasformare il programma in una brochure.On the corporate side, complexity changed shape: value, organization, participation and impact had to be explained without turning the program into a brochure.

01 · Idoneità01 · Eligibility

Prima della prenotazione serve ridurre dubbi su requisiti, tempi e preparazione.Before booking, doubts about requirements, timing and preparation need to drop.

02 · Agenda02 · Schedule

La donazione deve entrare in un calendario reale, non in un'intenzione generica.Donation has to fit a real calendar, not a generic intention.

03 · Ricorrenza03 · Recurrence

Il valore sta nel ritorno periodico quando il donatore è nuovamente idoneo.The value sits in returning when the donor is eligible again.

04 · Corporate04 · Corporate

Le aziende hanno bisogno di programma, impatto e organizzazione leggibili.Companies need program, impact and organization to be legible.

Journey AS-IS · Donatore AS-IS journey · Donor

AS-IS

Dal dubbio alla prenotazioneFrom doubt to booking

Scoperta, accesso, dati, centro, slot, idoneità, recap, diario e corporate.Discovery, access, data, center, slot, eligibility, recap, diary and corporate.

Journey AS-IS · Corporate AS-IS journey · Corporate

AS-IS

Dal contatto al programma aziendaleFrom contact to company program

Valore, dominio aziendale, eventi, contenuti dedicati, adesioni e impatto.Value, company domain, events, dedicated content, sign-ups and impact.

Abbiamo lavorato in parallelo: visual identity e piattaforma dovevano arrivare alla stessa promessa, con strumenti diversi.We worked in parallel: visual identity and platform had to arrive at the same promise, through different tools.

La ricerca ha definito i passaggi di servizio. La visual identity ha definito la lingua con cui Rosso li avrebbe raccontati: non sanitaria-fredda, non puramente social, ma diretta, energica e scalabile su digitale, eventi e aziende.Research defined the service steps. The visual identity defined the language Rosso would use to tell them: not coldly medical, not purely social, but direct, energetic and scalable across digital, events and companies.

Da lì abbiamo separato due funnel: il donatore singolo, orientato alla prima prenotazione e alla continuità; l'azienda, orientata a capire il programma Corporate LifeSavers e attivarlo internamente.From there we separated two funnels: the individual donor, oriented toward first booking and continuity; and the company, oriented toward understanding Corporate LifeSavers and activating it internally.

Le personas sono state sintetizzate intorno a ciò che cambiava davvero nel servizio: sicurezza iniziale, continuità personale e organizzazione aziendale.The personas were synthesized around what truly changed in the service: initial safety, personal continuity and company organization.

Non erano archetipi decorativi. Servivano a decidere cosa mostrare prima, cosa rimandare al diario e quando separare il percorso privato dal programma corporate.They were not decorative archetypes. They helped decide what to show first, what to move to the diary and when to separate the private path from the corporate program.

Donatore privato · prima voltaPrivate donor · first time

"Posso donare?""Can I donate?"

Arriva da social, eventi o passaparola. Ha bisogno di capire requisiti, tempi, luogo e cosa succede dopo la prenotazione. La CTA funziona solo se arriva dopo rassicurazione e contesto.Arrives from social, events or word of mouth. Needs to understand requirements, timing, place and what happens after booking. The CTA works only after reassurance and context.

Donatore ricorrenteRecurring donor

"Quando posso tornare?""When can I return?"

Ha già donato o ha una prenotazione attiva. Vuole modificare, controllare storico e capire la prossima finestra utile senza ricostruire tutto ogni volta.Has already donated or has an active booking. Wants to edit, check history and understand the next useful window without rebuilding everything every time.

Referente aziendaleCompany lead

"Come lo porto in azienda?""How do I bring it to the company?"

Ragiona in termini di programma, adesione dei dipendenti, impatto e organizzazione. Deve capire valore e logistica prima di chiedere un contatto.Thinks in terms of program, employee participation, impact and organization. Needs to understand value and logistics before requesting contact.

La ricerca ha escluso una soluzione puramente informativa. Rosso aveva bisogno di una piattaforma che accompagnasse il gesto nel tempo.Research ruled out a purely informational solution. Rosso needed a platform that would accompany the gesture over time.

01

L'incertezza arriva prima della CTA.Uncertainty comes before the CTA.

Prima di scegliere data e orario, l'utente deve capire se può donare e cosa aspettarsi.Before choosing date and time, users need to know if they can donate and what to expect.

02

Il ritorno non si improvvisa.Returning cannot be improvised.

Diario, stati e promemoria trasformano una singola donazione in una relazione regolare.Diary, statuses and reminders turn one donation into a regular relationship.

03

Le aziende spostano la scala.Companies shift the scale.

Corporate LifeSavers rende la donazione un'iniziativa collettiva, organizzabile e misurabile.Corporate LifeSavers makes donation collective, organizable and measurable.

Atto 2

DesignDesign

Come visual identity e piattaforma hanno iniziato a parlare la stessa lingua.How visual identity and platform started speaking the same language.

Il cuore della soluzione era un percorso semplice, ma non semplicistico.The core of the solution was a simple path, but not a simplistic one.

La homepage orienta e rassicura, la prenotazione rende il gesto praticabile, il diario tiene viva la relazione, il corporate porta la stessa promessa in una scala organizzativa. Ogni parte risponde alla stessa domanda: come faccio a tornare?The homepage orients and reassures, booking makes the gesture actionable, the diary keeps the relationship alive, and corporate brings the same promise to an organizational scale. Every part answers the same question: how do I come back?

La piattaforma non doveva celebrare la donazione. Doveva renderla più facile da iniziare e più naturale da ripetere.The platform did not have to celebrate donation. It had to make it easier to start and more natural to repeat.Principio di prodottoProduct principle

Journey TO-BE · Donatore TO-BE journey · Donor

TO-BE

Capisco, prenoto, dono, tornoUnderstand, book, donate, return

Il percorso riduce attrito, separa i passaggi e mantiene la relazione nel diario.The path reduces friction, separates steps and keeps the relationship in the diary.

Journey TO-BE · Corporate TO-BE journey · Corporate

TO-BE

Attivo, coordino, misuro, rilancioActivate, coordinate, measure, relaunch

Il corporate diventa un percorso guidato, non una pagina laterale.Corporate becomes a guided path, not a side page.

La visual identity era una parte centrale della proposta: regole per far vivere Rosso in contesti molto diversi.The visual identity was central to the proposal: rules to make Rosso live across very different contexts.

Abbiamo costruito un linguaggio energico ma leggibile: rosso come segno identitario, palette di supporto per stati e contenuti, tipografia editoriale, icone e componenti per mantenere coerenza tra piattaforma, racconto istituzionale e corporate.We built an energetic yet readable language: red as identity marker, support palette for states and content, editorial typography, icons and components to keep consistency across platform, institutional storytelling and corporate.

La home non era una landing decorativa. Doveva spiegare la realta, ridurre dubbi e far partire il gesto.The home was not a decorative landing page. It had to explain the organization, reduce doubts and start the action.

Abbiamo dato spazio alla missione, alle azioni principali e ai contenuti di rassicurazione. La CTA non arriva da sola: è sostenuta da informazioni su cosa succede, quando donare e perché tornare.We gave space to the mission, main actions and reassurance content. The CTA does not stand alone: it is supported by information about what happens, when to donate and why to return.

La prenotazione era il passaggio più operativo, quindi anche quello con più rischio di abbandono.Booking was the most operational passage, therefore also the one with the highest drop-off risk.

Il brief chiedeva posizione, centro trasfusionale, slot, idoneità e recap. La nostra direzione è stata separare questi momenti in una progressione leggibile: prima dove sei, poi dove puoi andare, poi quando, poi se puoi donare.The brief required location, donation center, slots, eligibility and recap. Our direction was to separate those moments into a legible progression: where you are, where you can go, when, then whether you can donate.

Flusso 01 · Prenotazione donazioneFlow 01 · Donation booking

Il corporate non era una sezione accessoria. Era il modo per scalare la donazione dentro le aziende.Corporate was not an accessory section. It was the way to scale donation inside companies.

La pagina doveva parlare a chi organizza iniziative interne: spiegare il programma, chiarire cosa chiede all'azienda, mostrare impatto e rendere semplice il contatto con Rosso.The page had to speak to people organizing internal initiatives: explain the program, clarify what it asks from the company, show impact and make contacting Rosso simple.

Il diario era il pezzo che trasformava l'appuntamento in continuità.The diary was the piece that turned the appointment into continuity.

La schermata mostra prenotazioni attive, storico, stati e prossime finestre utili. Invece di chiudere l'esperienza al termine della donazione, Rosso mantiene un punto di contatto chiaro: quando puoi tornare, cosa hai fatto, cosa succede dopo.The screen shows active bookings, history, statuses and next useful windows. Instead of closing the experience after donation, Rosso keeps a clear contact point: when you can return, what you did, what happens next.

Atto 3

ImpactImpact

Cosa è uscito da una settimana, e perché la proposta ha convinto Rosso.What came out of one week, and why the proposal convinced Rosso.

Abbiamo vinto la challenge. L'unica metrica reale è questa: la proposta è stata scelta dal team di Rosso.We won the challenge. The only real metric is this: the proposal was selected by Rosso's team.

La vittoria è arrivata per due motivi chiari: la struttura della piattaforma online, capace di collegare conoscenza, prenotazione, diario e corporate; e l'attenzione nella costruzione della visual identity, pensata per far vivere Rosso oltre le schermate.The win came for two clear reasons: the structure of the online platform, able to connect discovery, booking, diary and corporate; and the care put into the visual identity, designed to make Rosso live beyond the screens.

La proposta è rimasta un concept di challenge, quindi niente numeri di produzione inventati. Quello che possiamo raccontare è il perché della direzione: un sistema che rende la donazione più facile da iniziare, ricordare e ripetere.The proposal remained a challenge concept, so no invented production metrics. What we can tell is the reason behind the direction: a system that makes donation easier to start, remember and repeat.

Tre lezioni, asciutte.Three distilled lessons.

01

La visual identity non è solo stile. È comportamento. Visual identity is not just style. It is behavior.

Se Rosso promette vicinanza, quella promessa deve vivere nel tono, nei reminder, nelle CTA e nei micro-passaggi della prenotazione. If Rosso promises closeness, that promise has to live in the tone, reminders, CTAs and the small steps of the booking.

02

La donazione regolare non nasce da un singolo flusso. Nasce da un sistema. Regular donation does not come from a single flow. It comes from a system.

Informazione, appuntamento, storico e prossima finestra utile devono tenersi insieme per rendere il ritorno naturale, non un atto di volontà. Information, booking, history and next useful window have to connect to make returning natural, not an act of willpower.

03

Il canale corporate aumenta la scala dell'iniziativa. The corporate channel scales up the initiative.

Stessi valori, interlocutori diversi, bisogni più organizzativi. Corporate LifeSavers trasforma un gesto individuale in un'iniziativa collettiva misurabile. Same values, different stakeholders, more organizational needs. Corporate LifeSavers turns an individual gesture into a measurable collective initiative.