Retro Cinema
Retro Cinema
Embedded Files
App e sito web per l'acquisto di biglietti
App e sito web per l'acquisto di biglietti
Il prodotto è un'applicazione di biglietteria mobile per un cinema retrò. Lo scopo è quello di permettere agli utenti di acquistare i biglietti nel modo più semplice e veloce possibile.
Il prodotto è un'applicazione di biglietteria mobile per un cinema retrò. Lo scopo è quello di permettere agli utenti di acquistare i biglietti nel modo più semplice e veloce possibile.
Persona: Sarah
Persona: Sarah
Esposizione del problema:
Sarah è una piccola imprenditrice che ha bisogno di un modo rapido ed efficiente per ottenere i biglietti perché vuole evitare le code.
Mappa del percorso dell'utente
Mappa del percorso dell'utente
La mappatura del viaggio di Sarah ha rivelato quanto sarebbe utile per gli utenti avere accesso a un'app dedicata
Wireframe cartacei
Wireframe cartacei
Per la schermata iniziale, ho deciso di inserire elementi attraenti e facili da usare. Il design è semplice e non sovraccarico.
Wireframe digitali
Wireframe digitali
Nel corso della progettazione, ho basato i progetti delle schermate successive sul feedback e sui risultati della ricerca sugli utenti.
Prototipo a bassa fedeltà
Prototipo a bassa fedeltà
Il prototipo a bassa fedeltà ha collegato il flusso di acquisto dei biglietti da parte dell'utente primario, in modo da poter essere utilizzato in uno studio di usabilità con gli utenti.
Dai wireframe ai mockup
Dai wireframe ai mockup
Ho condotto due serie di studi di usabilità. I risultati del primo studio hanno aiutato a guidare il design dai wireframe ai mockup.
Mockup finali
Mockup finali
Il secondo studio ha utilizzato un prototipo ad alta fedeltà e ha rivelato quali aspetti dei mockup andavano perfezionati.
Prototipo ad alta fedeltà
Prototipo ad alta fedeltà
Il prototipo ad alta fedeltà ha seguito lo stesso flusso di utenti del prototipo a bassa fedeltà, comprese le modifiche apportate al progetto dopo lo studio di usabilità.
Una volta completati i progetti delle applicazioni, ho iniziato a lavorare alla progettazione del sito web responsive.
Mappa del sito
Mappa del sito
Ho utilizzato la sitemap di Retro Cinema per guidare la struttura organizzativa del design di ogni schermata, in modo da garantire un'esperienza coesa e coerente su tutti i dispositivi.
Wireframe del design reattivo
Wireframe del design reattivo
Per il sito web, ho ottimizzato il design per ogni dispositivo per garantire la migliore esperienza dell'utente.
Prototipo a bassa fedeltà
Prototipo a bassa fedeltà
Il prototipo a bassa fedeltà ha collegato il flusso di acquisto dei biglietti da parte dell'utente primario, in modo da poter essere utilizzato in uno studio di usabilità con gli utenti.
Prototipo ad alta fedeltà
Prototipo ad alta fedeltà
Il prototipo ad alta fedeltà ha seguito lo stesso flusso di utenti del prototipo a bassa fedeltà, comprese le modifiche apportate al progetto dopo lo studio di usabilità.
Mockup del design reattivo
Mockup del design reattivo
Infine, ho creato i mockup delle varie versioni delle pagine per il design reattivo.
In questo progetto, sono stato il designer UX che ha guidato l'app e il sito web responsive dalla concezione alla consegna.
In questo progetto, sono stato il designer UX che ha guidato l'app e il sito web responsive dalla concezione alla consegna.
Durante la progettazione dell'app ho imparato la struttura e le fasi del processo, oltre all'organizzazione necessaria per portare a termine il progetto.
Durante la progettazione dell'app ho imparato la struttura e le fasi del processo, oltre all'organizzazione necessaria per portare a termine il progetto.
Page updated
Google Sites
Report abuse