Foome
Web Design
Cliente:
TakeMeHome
Anno:
2024
Ruolo
UX/UI Designer
Scopo del progetto –
Problema
Many home cooks abandoned recipes mid-preparation due to unclear instructions, lack of timing guidance, or overwhelming ingredient lists. Existing apps failed to provide real-time, interactive support, leading to frustration and wasted meals.
Ruolo
The app was designed to offer step-by-step voice commands, built-in timers, and adjustable portion sizes. By integrating smart kitchen tech, Foome aimed to reduce user errors and boost confidence in amateur chefs.
Soluzione
With over 1 million monthly recipe completions, Foome improved cooking success rates and user retention. Its interactive approach made meal prep more approachable, earning features in top culinary publications.
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–
Recipe platforms were often static, requiring users to juggle multiple tabs or scroll endlessly. Foome recognized the need for a hands-free, guided cooking experience that adapted to different skill levels and kitchen setups.
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.
Customer Journey
Per ogni persona costruisco una customer journey map che segue il percorso emotivo dall'attivazione alla recensione finale, evidenziando picchi di soddisfazione e cali di fiducia lungo ogni touchpoint. Individuo così i momenti critici su cui intervenire con soluzioni mirate.
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
Testo onboarding, prenotazione, modifica ed eliminazione corsa. Emergono tre criticità: tasto indietro troppo piccolo, tasto modifica difficile da trovare, dubbi sul perché servano tanti dati. Ridimensiono il tasto indietro, rendo il modifica più visibile e ridondante, aggiungo un'intro informativa e rivedo il copy della modal.
Ui Kit -
Ho progettato un UI Kit modulare e scalabile per garantire coerenza visiva e velocizzare l'handoff agli sviluppatori. Ho mappato Design Tokens, varianti di bottoni e stati interattivi, integrando una libreria iconografica e schede dati ad alta leggibilità per ottimizzare l'intero flusso di lavoro.
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.