Natoo

REALIZZATO PER
Lagardère

Lagardère è un gruppo che offre aree di ristoro in ambito autostradale, autoportuale e in generale in luoghi di transito. Ci è stato affidato il compito di realizzare il software per il totem interattivo e il sito internet del loro nuovo punto vendita, Natoo.

Natoo propone cibi salutari, in contrasto con le catene di fast food moderne. Questo promuove uno stile di vita più sano e il benessere tra i suoi clienti.

Il gruppo di lavoro pre-lancio era in grande fermento, e avevano bisogno di un partner tecnico che realizzasse tutta la parte digital del lancio dello store. Vista l’esperienza precedente con i totem interattivi ci siamo trovati a nostro agio nel realizzare il totem interattivo con loro.

Abbiamo lavorato a stretto contatto con i loro designer che ci hanno fornito gli asset necessari, mentre noi ci siamo occupati della parte di interface design.

Esplorazione

Abbiamo analizzato le richieste per il totem di Natoo e abbiamo prototipato il prodotto via paper prototyping. Attraverso la carta abbiamo la possibilità di sperimentare rapidamente e prendere decisioni senza dover passare dal mezzo digitale, che – anche se più preciso – rallenta il processo di esplorazione.

img_2071-2

Convergenza

Una volta chiarita la struttura dell’applicazione, attraverso la parte di esplorazione, siamo passati alla fase di convergenza dei contenuti. I prototipi sono rimasti a un livello di dettaglio basso, quindi senza una parte di visual design definita. Questo perché avevamo bisogno di esporre le decisioni prese durante il paper prototyping al team Natoo.

Per comunicare le scelte prese nella fase precedente abbiamo usato una flowmap dei contenuti. Questo ci ha permesso di mostrare chiaramente le sezioni del totem, e come sono connesse tra loro.

flow-map

Assieme alla parte di flow map abbiamo realizzato il design dei wireframe per popolare i contenuti delle sezioni. Vedendo i contenuti già al loro posto è semplice capire se tutte le specifiche sono soddisfatte. In questo progetto ci ha aiutati a ridurre la distanza mentale dal nostro modello di design a quello del team di Natoo.

 

slice

 

Definizione

Una volta terminata la parte di wireframing abbiamo progettato un aspetto grafico coeso alla brand identity. Ci siamo affiancati al team di creativi di Natoo per realizzare un design semplice e di impatto, con grandi foto che comunicassero i principi sani e naturali sui quali si basa il brand.

Siamo partiti dai wireframe che avevamo realizzato che ci hanno aiutato a tenere la struttura dei contenuti aderente alle richieste del team di Natoo.

Il risultato è un design fresco, semplice, e improntato all’usabilità. Il totem interattivo è ora in attività nel primo punto vendita Natoo in stazione a Padova.app-screens-perspective-mockup

Settori

  • Internet of Things
  • Totem
  • UI/UX Design

Tecnologie utilizzate

  • Electron