App Jappan con l'immagine di un granchio

JAPPAN Food Guide App

Mangiare giapponese, davvero bene

JAPPAN è un'app Food Guide che consente agli appassionati del Giappone e ai foodie di vivere esperienze culinarie uniche e avvicina all'ampio ventaglio dell'offerta gastronomica della cucina giapponese – patrimonio culturale immateriale dell'UNESCO dal 2013.

L'app avvicina gli utenti alla varietà culinaria della cucina giapponese e li conduce verso locali unici e talvolta poco appariscenti. Ristoranti specializzati in determinati piatti incontrano izakaya e semplici yatai, caffè accoglienti e bar nascosti. Da Hokkaido, nell'estremo nord del Giappone, fino a Zurigo. Dall'accessibile al costoso. Dal rumoroso e fumoso all'elegante, dal famoso in tutto il mondo all'osteria di quartiere.

Presentando una selezione di ristoranti in diverse città, l'app offre un orientamento nella intricata giungla gastronomica. Inoltre crea accesso trasmettendo conoscenze di base sui ristoranti, sulle loro specialità e su ingredienti sconosciuti. Funzionalità utili come il glossario dei termini, la raccolta dei preferiti e una mappa offline fanno dell'app uno strumento funzionale per gli spostamenti.

Il design dell'app

La progettazione visiva di JAPPAN si ispira inconfondibilmente alle due nazioni del design, il Giappone e la Svizzera. Nonostante la distanza di circa 10’000 chilometri, esistono affascinanti parallelismi nella concezione del design dei due paesi. Li abbiamo integrati nella progettazione dell'app. Così la riduzione all'essenziale è stata un punto fondamentale – ciò riguarda la struttura semplice e intuitiva dell'app, ma anche l'uso essenziale della tipografia. Inoltre abbiamo dedicato particolare attenzione ai dettagli e a una realizzazione precisa – che si tratti dell'uso sensibile delle immagini o della realizzazione degli elementi interattivi.

Ne è nata un'app la cui funzionalità e i cui contenuti sono supportati da un design che accompagna gli utenti in un viaggio alla scoperta e riserva molte piccole ma belle sorprese.

Principi di design semplici

Scoprire le eccellenze culinarie è l'idea fondamentale di JAPPAN. Questa idea viene ripresa e tradotta in un concetto di design semplice ma efficace. Facendo del gioco tra nitidezza e sfocatura l'elemento portante del design, la stessa user experience diventa un affascinante viaggio alla scoperta. È come se i contenuti si nascondessero dietro un paravento di carta shoji tipicamente giapponese e diventassero completamente visibili solo aprendo il paravento.

Selezione delle città nella pagina principale.

A livello della selezione di città e ristoranti si distingue tra un piano immagine e un piano tipografico. Tenendo il dito sulla tessera durante lo scorrimento, si crea un gioco alternato tra il piano tipografico nitido e il piano immagine (ancora) sfocato. Solo grazie all'interazione l'immagine completa si rivela agli utenti.

Selezione dei ristoranti.

Questo concetto si ritrova anche nelle pagine di dettaglio dei ristoranti. Scorrendo lentamente le immagini dell'ampia slideshow, ogni immagine diventa sfocata non appena viene sostituita da una nuova immagine (nitida). Questa soluzione su misura è sottile e il suo pieno potenziale si rivela al più tardi quando compaiono singoli elementi d'immagine scontornati – per lo più specialità del ristorante. Solo grazie al contrasto tra l'immagine precedente (ora sfocata) sullo sfondo e il piatto scontornato (nitido) quest'ultimo diventa davvero visibile.

Questi piccoli momenti di sorpresa testimoniano una dose extra di cura per il dettaglio e costituiscono per noi il fascino dell'app.

Gallerie fotografiche nella pagina di dettaglio del ristorante.

Guardando più attentamente, gli utenti scoprono anche, nei testi descrittivi dei singoli ristoranti, parole sfocate – si tratta di specialità o ingredienti specifici. Di conseguenza, anche questi elementi sfocati sono un invito a saperne di più e a scoprire contenuti di approfondimento.

Toccando una parola sfocata, un ulteriore paravento shoji si posa sul contenuto, rendendolo sfocato. Una breve spiegazione del termine selezionato passa in primo piano. Come nella slideshow, le specialità e gli ingredienti spiegati vengono presentati con un'immagine scontornata. Ma come si richiude questa pagina? Anche se la «×» come pulsante di chiusura, molto diffusa nel design UX e UI, è persino di origine giapponese, qui vi abbiamo rinunciato deliberatamente. Nell'intera app si è rinunciato deliberatamente alle icone – l'unica eccezione è il cuore ben visibile per i preferiti. Confidiamo che gli utenti scaltri ritrovino comunque la strada del ritorno.

Dietro le parole sfocate si celano informazioni approfondite.

Come utile funzionalità aggiuntiva, i termini sfocati non vengono visualizzati solo negli articoli dedicati ai ristoranti, ma anche raccolti in un ampio indice. Quest'ultimo è accessibile dalla pagina iniziale. In questo modo riusciamo a coinvolgere utenti con diversi livelli di conoscenza – gli esperti non avranno bisogno delle spiegazioni, mentre ad altri esse aiutano a conoscere e comprendere meglio la cucina e la cultura giapponesi e, nel migliore dei casi, persino a decifrare qualche parola su un menu giapponese.

Tramite la voce di menu «Index» nella pagina principale si accede ai termini raccolti e ordinati alfabeticamente.

La combinazione di due sistemi di scrittura

Una sfida del processo di design era la combinazione del sistema di scrittura occidentale con quello giapponese. Proprio nei luoghi in cui si parla poco l'inglese, è utile per i viaggiatori avere a disposizione i nomi dei piatti anche in giapponese. Inoltre la scrittura è sempre anche un veicolo di cultura, che vogliamo trattare con il massimo rispetto possibile mostrando i ristoranti, i piatti e gli ingredienti con le grafie corrispondenti.

Nell'app utilizziamo per il testo inglese il carattere senza grazie «Futter Grotesk» del designer zurighese David Lüthi e, per i caratteri giapponesi, il carattere Google «Noto Sans».

Due caratteri con ductus comparabile garantiscono un’immagine tipografica uniforme.

Entrambi i caratteri presentano un ductus simile e quindi un valore di nero simile. Entrambi si prestano particolarmente bene alla lettura a schermo e possono essere utilizzati sia su iOS sia su Android, il che consente un aspetto coerente dell'app su entrambe le piattaforme. Il «Futter Grotesk» è stato adattato appositamente per l'app dal suo designer e ampliato con alcuni caratteri per rendere giustizia ai contenuti di JAPPAN.

I due caratteri essenziali e realizzati artigianalmente in modo eccellente contribuiscono in misura sostanziale all'aspetto chiaro e curato dell'app.

Credits

Le nostre prestazioni: Concezione, UX, design, Sviluppo software iOS e Android, Testing
Cliente: Harubaru Copy Club
Piattaforme: iOS, Android

Awards

Best of Swiss Apps Bronze Auszeichnung – Design
Bronze • Design • Best of Swiss Apps 2024