Homekey

Homekey

Affitto e acquisto, con un’interfaccia più chiara.

Ruolo
UI Designer, progetto formativo
Contesto
App immobiliare educativa per affitto e acquisto, prototipo hi-fi senza ricerca utente.
Risultato
Design system, prototipo funzionale e flusso completo da ricerca a messaggistica.

Panoramica

Progetto formativo di UI Design: app immobiliare educativa per affitto e acquisto.

  • Prototipo ad alta fedeltà in Figma, con flusso completo da ricerca a messaggistica.
  • Nessuna fase di ricerca con utenti: caso centrato su interfaccia e coerenza visiva.
  • Contenuti UI in inglese, dataset del corso.

Obiettivo principale

Progettare un’app mobile per affitto e acquisto immobiliare.

  • Navigazione chiara tra ricerca, dettaglio e contatto.
  • Gerarchia visiva leggibile su schermo piccolo.
  • Componenti coerenti su tutte le schermate.

Decisioni di interfaccia

Accesso e registrazione

  • Possibilità di continuare senza login, per esplorare l’app prima di registrarsi.
  • Registrazione in più step, con verifica del numero di telefono.
Accesso e registrazione 1
Accesso e registrazione 2

Ricerca e filtri

  • Filtri con chip, slider prezzo e selezione rapida di camere e bagni.
  • Contatore risultati sul pulsante principale.
  • Ricerche recenti e opzione “Near me” per ridurre digitazione ripetuta.
Ricerca e filtri 1
Ricerca e filtri 2

Lista e mappa

  • Card con carousel foto e metadati essenziali in lista.
  • Vista mappa con prezzi sul territorio e anteprima dell’immobile selezionato.
Lista e mappa 1
Lista e mappa 2

Dettaglio e visita

  • Scheda immobile con galleria, attributi e descrizione.
  • Prenotazione visita nella stessa schermata, con scelta tra videochiamata e presenza.
Dettaglio e visita 1

Preferiti, alert e messaggi

  • Stato vuoto dei preferiti con istruzioni e CTA verso la ricerca.
  • Alert salvati con frequenza e canale di notifica.
  • Chat con card dell’immobile in conversazione, su pattern di messaggistica familiari.
Preferiti, alert e messaggi 1
Preferiti, alert e messaggi 2

Design System

Manuale di stile con palette, tipografia, iconografia e componenti base.

  • Palette: arancione #FF5500 su neutri freddi.
  • Font: Mulish e Mukta.
  • Icone lineari, ombre e stati di input e pulsante.
Design System

Conclusione

Caso di UI: design system e prototipo hi-fi con flusso completo.

  • Ricerca, lista, mappa, dettaglio, visita, preferiti e chat nello stesso prototipo.
  • Identità visiva e componenti applicati in modo coerente.

Cosa migliorerei

  • Ricerca strutturata con utenti prima dell’ideazione.
  • Test di usabilità sui flussi principali.
  • Revisione dello scarto tra onboarding e accesso libero.
  • Verifica se messaggi di urgenza (es. visualizzazioni recenti) aiutano o aumentano la pressione.

Strumenti

Figma · Illustrator