Indietro

Come creare step by step un'app per il tuo ristorante?

il 

Nella nostra ultima guida step by step ti abbiamo spiegato come creare una perfetta app per viaggiatori, promuovendo così una città, una regione o una qualsiasi attività turistica. Oggi ci occupiamo di nuovo di tempo libero, nel menù abbiamo però un qualcosa di diverso: un'app per un ristorante!
 

1. Scegli un tema

La scelta del tema è il primo passo per creare la tua Beautiful App. Nel tuo back office potrai scegliere tra 25 differenti temi creati dai nostri designer. Il tema che sceglierai sarà un semplice punto di partenza, in seguito potrai infatti personalizzarlo e configurarlo a tuo piacimento.
 
Ti consigliamo di scegliere uno stile il più vicino possibile al look and feel che vorresti dare alla tua Beautiful App. Per esempio per questa app abbiamo optato per il tema "Green".
 

2. Crea la tua Home

La Home è la prima schermata che i tuoi utenti vedranno quando lanceranno l''app. Si tratta di una parte importante sia per quanto riguarda il visual che dal punto di vista pratico. Con GoodBarber 4.0 la Home ti permette di scegliere quali contenuti mettere in evidenza. Ti da inoltre la possibilità di mostrare dei link che ti reindirizzano verso determinate sezioni dell''app.

La Home modulare è composta da due tipi differenti di widget: di contenuto e di navigazione (66 in totale). I template connessi ai widget sono adattabili per mobile, tablet e desktop.

Qui in basso puoi vedere il nostro primo widget, per mostrare una sezione mCMS di articoli (il menù del nostro ristorante):
 
Dopo aver scelto il template (Banner > Minimal), abbiamo personalizzato il font utilizzato per visualizzare il Titolo, così come il numero degli item mostrati (da 3 a 4).
 
Ora andiamo ad aggiungere un altro widget di contenuto per mettere in risalto i nostri Eventi e selezionando inoltre un template (List > Card).
 
Aggiungiamo dunque dei link, il primo ci porterà alla sezione About:
 
Come puoi vedere, in accordo con la scelta del template (in questo caso, Banner > Small Slideshow), è possibile far visualizzare un pulsante e modificarlo in differenti modi (il font, il testo etc...):
 
Abbiamo aggiunto un altro widget di navigazione con un'altra serie di link. Abbiamo creato un widget distinto in modo da poter abilitare un diverso tipo di template (List > Visual Icon). Come puoi vedere puoi mettere in evidenza link interni (che reindirizzano ad una specifica sezione), così come link esterni (che porta alla tua pagina Facebook ad esempio):
 
Nella nostra Home ci sono un totale di 4 widget.

 

3. Costruisci il tuo Menù

Con GoodBarber 4.0 il Menù si utilizza come navigazione secondaria all'interno dell'app. La Home fornisce gli accessi principali a una serie di sezioni a tua scelta, così come delle call to action. Puoi inoltre decidere di non mostrare proprio il Menù. Se ad ogni modo dovessi optare per l'attivazione di un Menù (o modalità di navigazione nel tuo back office), potrai scegliere tra 7 diversi tipi di menù, per gestire al meglio il traffico nella tua app.

Indipendentemente dal numero di sezioni presenti nell'app, puoi costruire un menù per rendere ottimale la navigazione nell'app. Il tuo menù può mettere in risalto link e shortcut, titoli e separatori, questo per dare delle priorità tra le varie informazioni presenti (gli ultimi due elementi citati sono relativi al design).

Qui abbiamo scelto il template Slate:
 
Abbiamo quindi aggiunto il logo del ristorante nell'intestazione, con shortcut al programma fedeltà, alle impostazioni e per effettuare una chiamata. Abbiamo inoltre messo in evidenza il Body e il Copyright a piè pagina.
 

4. Aggiungi i tuoi contenuti

Fino a questo momento avevamo utilizzato il contenuto di default dell’app per aiutarci nella creazione del design, senza dunque avere un progetto vuoto su cui lavorare. Qui ci sono alcuni esempi che mostrano come procedere quando vuoi aggiungere dei contenuti:

- In questo caso abbiamo utilizzato la sezione Articoli mCMS per far visualizzare il menù del ristorante. Dopo di che abbiamo personalizzato il template della lista degli articoli, scegliendo una visualizzazione a schermo intero (template 8).
 

 
  • Un’altra funzionalità chiave che potresti utilizzare per effettuare prenotazioni, è la sezione Modulo. Puoi aggiungere tutti i campi di cui hai bisogno e anche in questo caso personalizzare il design.
 
 
Per le app dedicate a dei business, puoi trovare ulteriori funzionalità all’interno del catalogo Add-on. Qui è dove puoi attivare l’Add-on Loyalty Card ad esempio.

Ricorda che questa funzionalità è collegata con l’Add-on Autenticazione (disponibile unicamente con il piano avanzato).
Una volta che l’Add-on è stato installato, apparirà nel tuo back office un nuovo menù chiamato Business.
 
Da qui puoi configurare il tuo programma fedeltà, nonché personalizzarne il design. Quando selezioni un template puoi infatti modificare le icone, il colore e molto altro.
 
È quasi fatta! Mancano ancora due cose e l’app sarà pronta.

5. Schermata iniziale e icona dell’app


La schermata iniziale è la prima cosa che gli utenti vedranno all’apertura dell’app (prima della Home). Verrà visualizzata per pochi secondi, mentre i contenuti della tua app sono in fase di caricamento (anche su browser). Per offrire agli utenti una visualizzazione ottimale, presta attenzione alle specifiche tecniche relative alle diverse dimensioni di schermo.
 

Per quanto riguarda l’icona dell’app devi rispettare le diverse dimensioni richieste, per ognuno dei sistemi operativi e per la web app. 

Creare una buona icona può essere complicato, c’è poco spazio per la creatività. Devi cercare di essere il più chiaro possibile in un ‘riquadro’ minuscolo. E non dimenticare di mettere il nome della tua app.
 

- In questo articolo puoi scoprire come personalizzare al meglio la Home della tua app.

- Qui invece troverai tutto quello che c’è da sapere sulla modalità di navigazione.

 

 CREA LA TUA APP