Gamma
UX/UI Design
Ruolo
UX/UI Designer
Anno
2022
Il progetto in breve –
Ho guidato la progettazione end-to-end di TakeMeHome, il servizio che permette di prenotare un autista per guidare la propria auto al posto proprio, superando i costi e i vincoli di taxi e NCC. Come unico UX Designer, ho applicato il validated learning per validare sul campo un'esperienza d'uso rapida e trasparente, azzerando i rischi di mettersi al volante stanchi o alterati e trasformando il veicolo privato in una risorsa sicura.
Problema
The project faced multiple hurdles that impacted user engagement and conversions. First, the website had a high bounce rate, with many visitors leaving without exploring key features or signing up. Second, the messaging failed to immediately convey Gamma’s AI-powered advantages, leaving users unsure of its benefits.
Ruolo
The primary objective was to create a website that clearly communicated Gamma’s value, improved user engagement, and increased conversions.
Soluzione
The redesign delivered strong outcomes, validating the strategic improvements. Sign-up conversions increased by 30%, thanks to clearer value propositions and strategically placed CTAs. The bounce rate dropped by 25% as users engaged more with interactive demos and streamlined content.
Analisi dei competitor
Ho analizzato tre competitor: CiaoAldo, Dryver e ItTaxi. Emerge che in Italia funziona solo la commissione diretta, non l'abbonamento, e che trasparenza, risparmio e sicurezza sono leve di differenziazione ancora inespresse.
Piano di ricerca–
Gamma is an AI-powered platform that helps users create professional presentations, documents, and web pages effortlessly. As the product designer leading the website redesign, my goal was to enhance usability, improve conversion rates, and better communicate Gamma’s unique value proposition.
Campione:
20 utenti
Metodologia:
Interviste e questionari
Mappa delle affinità
Organizzo i dati delle interviste in una mappa di affinità, raggruppando le risposte in sette categorie: pain point, rischio, aspettative sul servizio, friction, pricing, profilo utente e spunti. Da questi pattern individuo i bisogni reali su cui costruire le persona.
Pain Point
Gestione del rischio
Aspettative sul servizio
Friction
Pricing e business model
Profilo dell'utente target
Spunti e suggerimenti
User Personas
Dai pattern dell'affinity map costruisco tre user persona, Gianfranco, Nicola e Lorenzo, che rappresentano segmenti diversi di utenti con bisogni, frustrazioni e abitudini distinte. Assegno a ciascuno un punteggio di business affinity per stabilire le priorità di design.
Sitemap–
Per TakeMeHome ho progettato l'architettura dell'informazione mappando ogni flusso utente in una sitemap strutturata. Ho organizzato gerarchicamente le schermate per Passeggeri, autisti e Business, definendo i cross-link contestuali per garantire una navigazione fluida e intuitiva.
User Flow
Per TakeMeHome ho disegnato lo user flow ottimizzando ogni punto di contatto tra passeggeri e conducenti. Ho tracciato percorsi chiari e lineari per la prenotazione e la gestione delle corse, riducendo le frizioni visive e guidando l'utente verso l'obiettivo.
Wireframe Hi-Fi–
Dallo user flow realizzo il wireframe dei percorsi principali dell'app, facili da validare perché concentrati su layout e interazioni piuttosto che sul visual. Solo dopo aver verificato la coerenza dei flussi passo alla versione ad alta fedeltà, con componenti riutilizzabili pronti per l'handoff.
Usability Test
Sezione viaggia
Nei test, 3 utenti su 5 faticavano a trovare “Modifica”. Ho reso visibili le azioni principali nella scheda della corsa e le ho aggiunte nel dettaglio della prenotazione, dove gli utenti si aspettavano di trovarle.
Flusso di prenotazione
Nei test ho rilevato poca chiarezza sul motivo dei dati richiesti. Ho introdotto un passaggio dedicato prima della compilazione e reso più evidente l’avviso nel modulo, per spiegare a cosa servono quei dati.
Visual Style
Ho definito un Visual Style basato su un blu profondo che comunica sicurezza e affidabilità. Ho poi integrato il glassmorphism: la trasparenza del vetro simboleggia la chiarezza del servizio, garantendo un'interfaccia moderna e protetta.
Main Color
HEX:
#0F244D
Aa
Stack Sans
Notch
Ui Kit
Ho creato un UI Kit unificato definendo le componenti principali con tutte le relative varianti. Ho strutturato i diversi stati d'interazione per ciascun elemento e bottone, garantendo coerenza visiva al sistema e scalabilità per futuri sviluppi.
Aggiungi un’ora a 10 €
Prolunga la prenotazione e approfitta di questa offerta.
Aggiungi 1 ora
✦
-o -floating card -aggiungi ora
2 Varianti
+
Main Hub
Il checkout si completa in 5-6 clic. L'accordion attivo si evidenzia in automatico per ridurre il carico cognitivo.
Sezione Viaggia –
La sezione Viaggia garantisce il controllo totale delle prenotazioni permettendo il filtraggio tra attive e in pendenza. Risolve i problemi emersi nei test evidenziando i tasti di modifica, la funzione "aggiungi ore" e il download rapido dei documenti tramite un pratico floating menu.
Filtra i viaggi
Filtra in un tap le corse attive e quelle ancora in attesa.
Gestisci corsa
Modifica i dati oppure elimina il viaggio in pochi clic.
Dettagli e file.
Visualizza i dettagli del viaggio e scarica i documenti.
Il Prototipo
Traduco i wireframe in un prototipo interattivo cliccabile, testato con utenti reali su registrazione, prenotazione e gestione dei viaggi. Dagli usability test emergono frizioni che risolvo con modifiche mirate, come rendere più visibile il tasto "Modifica" e aggiungere lo stato delle notifiche nella card viaggio.
Cosa farei diversamente
Inizierei da un profilo utente provvisorio per formulare le mie ipotesi iniziali. Userei poi la ricerca, l'analisi dei concorrenti e le indagini sul campo per convalidarle gradualmente.
Eviterei di raccogliere troppi dati nella fase iniziale. In questo modo ridurrei i tempi di sintesi e manterrei il processo di progettazione agile e continuo.
Prossimi passi