L'argomento di oggi è delizioso: i siti web di ristoranti e alimentari. Le piccole imprese pagano le bollette per i designer freelance e i ristoranti locali possono fungere da principale fonte di entrate. Se ti stai imbarcando sul tuo primo progetto di sito ristorante, ci sono alcune cose che dovresti sapere.
In questo articolo, impareremo con l'esempio mentre diamo un'occhiata a molti siti di ristoranti e ristoranti che fanno venire l'acquolina in bocca. Esaminando ciò che questi designer hanno avuto ragione, contribuirai a garantire il tuo successo in questo settore.
La fotografia è tutto
Sito: The Claw Bar
Mi rendo conto che sembra una dichiarazione generale o forse addirittura un'iperbole, ma sono piuttosto serio. Con i ristoranti, la "spazzatura", la spazzatura fuori? l'aforisma è abbastanza appropriato. Se lavori con colpi di cibo brutti, sei condannato fin dall'inizio.
Come visitatore di un sito web di ristoranti, il mio interesse primario è molto probabilmente il cibo. Devi vendermi sul prodotto e la fotografia è il modo per farlo. Il trucco è che la fotografia del cibo è molto difficile, quindi non puoi prendere l'uscita economica qui. La scarsa qualità della fotografia può fare più male che bene.
Fonte: foto a sinistra e foto giusta
Il tuo lavoro come designer è convincere il cliente a investire davvero in alcune fantastiche foto se non ne hanno già. Se sei anche un fotografo, potresti anche guadagnare qualche soldo in più.
Quasi ogni sito in questo articolo prende questo consiglio, ma qui ce ne sono alcuni che hanno fatto particolarmente bene:
Findus Norge
Cappellos
Culinaria
Fammi vedere Atmosphere
Sito: Au Petit Panisse
Quando pensi alle immagini del sito, potresti essere tentato di pensare esclusivamente al cibo. Tuttavia, il sorteggio secondario per un ristorante, diamine per molte persone primario disegnare per un ristorante, è l'atmosfera. Posso ottenere un ottimo hamburger ovunque, ma voglio mangiare un hamburger in un posto fantastico!
C'è così tanta incertezza nel provare un nuovo posto dove mangiare. Se riesco davvero a capire il posto sul sito web, allora mi sentirò più sicuro della mia decisione di mangiare lì. Da un punto di vista pratico, è spesso il caso che una foto dell'atmosfera e l'arredamento mi dà una buona idea per il codice di abbigliamento generale del luogo. Ad esempio, ti vesti per il ristorante mostrato sopra? Che ne dici di questo?
Sito: Roux in Parliament Square
Sfrutta pesantemente Texture e Colore
Sito: Gilt Taste
Uno strumento potente che hai a disposizione quando si progetta qualsiasi sito correlato al cibo è la trama. I migliori designer di questa nicchia utilizzano tonnellate di texture realistiche su tutti i loro siti. Gilt Taste, il sito sopra, è un ottimo esempio. La home page è piena di trame diverse, sia in foto autonome che come sfondi per tipo.
Come altro esempio, ecco una piccola porzione ritagliata di un tema del ristorante di ThemeForest. Nota quante trame puoi trovare in questa piccola area!
Sito: tema ristorante Victoria
La scelta dei colori è estremamente importante per i siti web alimentari. Il colore aiuta a creare l'atmosfera e migliora l'attrattiva. Non abbiate paura di usare colori brillanti e tirate sempre dal cibo quando è possibile per legare tutto insieme bene.
Sito: pelle d'oca
Scoprilo
Sito: senso del cibo
Un altro valido suggerimento per lavorare con la fotografia del cibo: le persone sono affascinate dal processo. L'arte di prendere materie prime e trasformarle in piatti deliziosi è qualcosa che attira tutti noi.
Inoltre, la semplice esposizione di ingredienti freschi rende il cibo più sano e appetitoso. A nessuno piace pensare che il ristorante abbia spedito quella lasagna su un camion. Vogliono vedere i pomodori!
Sito: Delicioso
Sito: pelle d'oca
Costruisci menu personalizzati per il Web
Sai qual è il mio più grande problema con i siti web dei ristoranti? I menu Più spesso, questa parte del sito offre un'esperienza utente orribile. Mi rabbrividisco ogni volta che ordino da Paradise Bakery online:
Sito: Paradise Bakery
Invece di passare attraverso il problema di costruire un menu sul loro sito web, hanno appena caricato un milione di scansioni del loro menu fisico che poi devo setacciare attraverso una pagina di perversione alla volta. Se si fa clic sull'opzione per scaricare il PDF, si ottiene letteralmente il disegno PDF piatto che vengono inviati alla stampante per creare i menu pieghevoli. Non sto inventando gente:
Questa cosa è così grande che devi eseguire lo zoom su piccole porzioni e poi scorrere fino a trovare quello che vuoi. È un modo incredibilmente pessimo per presentare un menu agli utenti del sito.
Se stai pensando di tirare su un PDF del menu di stampa e chiamarlo un giorno, smetti di fare quello che stai facendo e datti un colpo in faccia. Smetti di essere così pigro e fai il tuo lavoro. Se stai cercando un esempio solido, controlla il menu di Kuleto qui sotto:
Sito: Kuleto's
Questo menu utilizza un sistema a tre colonne fantastico e facile da usare per limitare le tue scelte. Per prima cosa scegli il tuo pasto (colazione, pranzo, cena, ecc.), Poi una categoria e ti vengono presentate le opzioni all'interno di quella categoria. In qualsiasi momento, è facile perfezionare la selezione o cambiare le cose.
Se vuoi un percorso più semplice, controlla The Claw Bar. Il loro menu web utilizza la metafora di un menu di stampa, ma utilizza ancora testo live e viene formattato per il web.
Sito: The Claw Bar
Non dimenticare le basi
È abbastanza facile essere così presi da tutti i consigli sopra riportati che dimentichi gli elementi più basilari di qualsiasi web design. Ricorda che, con qualsiasi design del sito, devi sempre considerare attentamente gli obiettivi dell'utente medio.
Per un ristorante, puoi praticamente garantire che i visitatori vorranno alcune informazioni specifiche:
- Cosa servono? (menu e grafica)
- Quanto costa? (menu)
- Com'è il posto? (grafica e video)
- Dov'è?
- Posso ordinare o effettuare una prenotazione online?
- Qual è il numero di telefono?
Come puoi vedere, abbiamo già affrontato la maggior parte degli obiettivi principali nei suggerimenti sopra riportati. Tuttavia, il contatto di base e le informazioni sugli ordini sono una preoccupazione primaria che non abbiamo toccato. Sono fermamente convinto che i contatti e le informazioni sulla posizione siano una priorità estremamente alta per il sito di un ristorante, quindi queste informazioni dovrebbero trovarsi sulla homepage in una posizione di rilievo.
Nel modello qui sotto, c'è una mappa grande e accattivante proprio nel footer (probabilmente il primo posto che si potrebbe pensare di guardare). Proprio accanto alla mappa ci sono tutte le informazioni di contatto di cui hai bisogno: email, numero di telefono, link sociali, ecc.
Sito: il tema del ristorante
La lezione qui: non fare mai cacciare dai tuoi utenti le informazioni di base perché sei preoccupato che rovini il tuo bel design. Il tuo compito è quello di evidenziare e presentare informazioni importanti in un modo attraente e utilizzabile, non di creare un sito che abbia un bell'aspetto a scapito del suo scopo.
Mostraci i tuoi preferiti!
Ora che hai visto i nostri esempi dei migliori ristoranti e ristoranti che abbiamo potuto trovare, fai il chip e mostraci i tuoi preferiti. O, ancora meglio, mostraci i ristoranti che mancano davvero il marchio e buttare fuori le idee per migliorare.