I fast food sono notoriamente cattivi con il web design, ma il mercato emergente del? Fast casual? i ristoranti finora si stanno dimostrando molto migliori in questo settore.
Oggi guarderemo il web sui siti web di alcuni dei ristoranti fast casual più famosi per vedere chi sta facendo il lavoro migliore e cosa possiamo imparare da loro. Attenzione: questo post ti farà venire fame!
Qdoba
Il primo sito che stiamo per scoprire è Qdoba.com, la homepage di un ristorante che serve deliziosi burritos e altre offerte del sud-ovest. È molto simile a Chipotle, che abbiamo già visto in un altro post. Ecco uno sguardo all'intestazione:
Fin qui tutto bene! Mi piace molto la giustapposizione di tipografia e fotografia. Il design è grande e audace, ma fresco e amichevole. Cattura perfettamente la sensazione del ristorante e ritrae una buona miscela di persone felici e cibo delizioso.
Forte marchio
La loro strategia di branding attuale è che il Qdoba è "cibo per le persone che amano il cibo". Questa idea è spinta in tutto il sito, anche in modi interattivi. La pagina del coupon, ad esempio, considera l'ultima parola come? Riempire lo spazio vuoto? dove digiti ciò che ami e guadagna tagliandi diversi in base alla tua scelta di parole.
Questo è un grande trucco psicologico. Mi stanno forzando in modo sottile a formare connessioni con il marchio associandolo a cose che amo. Di nuovo, questo è rinforzato da tutti quei volti sorridenti che vedi intrecciati con le foto del cibo.
"Mi stanno forzando in modo sottile a formare connessioni con il marchio associandolo a cose che amo."Menu
Un'altra cosa che mi piace molto su Qdoba.com è la presentazione del menu, che è assolutamente una delle sfaccettature più importanti per qualsiasi sito web di ristoranti. Ogni oggetto è sistemato ordinatamente in una griglia con una fotografia di cibo attraente e alta e testo pulito.
Contenuto della pagina iniziale
Quando visito il sito web per un ristorante, ci sono in genere due cose principali che voglio fare: controlla il menu e scopri come ottenere del cibo. Quest'ultima azione in genere comporta l'ordine online o la ricerca di un numero di telefono e di un indirizzo.
? Quando visito il sito web per un ristorante, ci sono in genere due cose principali che voglio fare? ?Qdoba gestisce praticamente tutto questo direttamente dalla home page, eliminando così la comodità di localizzazione dei contenuti fuori dal parco giochi. Nella parte superiore della pagina, vieni presentato al ristorante e ti viene detto di prendere dei coupon. Quando scorri un po ', vedi le voci del menu con collegamenti a informazioni nutrizionali. Infine, quando si preme nella parte inferiore della pagina, viene visualizzata una mappa delle posizioni nella propria area.
L'unico grande obiettivo che non è stato realizzato direttamente nella home page è l'ordine online e tale opzione si trova in alto a destra sullo schermo (proprietà principale per gli occhi di navigazione) in un'intestazione persistente che rimane con te mentre scorri.
Responsive to Boot
È fantastico vedere le grandi aziende saltare a bordo del carro a banda reattiva. Qdoba.com in realtà risponde abbastanza bene a diverse dimensioni di viewport.
Cosa abbiamo imparato?
Qdoba.com ha un sacco di lezioni di design per insegnarci, il più significativo dei quali è probabilmente il potere del marchio forte. Sono coerenti con la tavolozza dei colori, la tipografia e la fotografia, che si uniscono per creare un'identità unica con cui i clienti possono identificarsi. La combinazione di persone felici e cibi deliziosi alla ricerca di cibo è provata e vera e serve ristoranti fedelmente da decenni.
? Sono coerenti con la tavolozza dei colori, la tipografia e la fotografia, che si uniscono per creare un'identità unica con cui i clienti possono identificarsi?Ci sono altre due grandi lezioni al lavoro anche qui. Innanzitutto, il design reattivo non è solo un trucco divertente per i portafogli del web designer. Il mondo aziendale può e dovrebbe abbracciarlo apertamente perché significa un'esperienza migliore per più clienti.
Infine, considera sempre il motivo per cui la maggior parte dei visitatori arriva al tuo sito e fa del tuo meglio per soddisfare tali azioni. Quasi tutto ciò che la maggior parte delle persone vorranno fare su Qdoba.com può essere realizzato attraverso la home page.
Pei Wei
Il prossimo tour veloce casual è un altro dei miei preferiti: Pei Wei, un ristorante che serve deliziosi antipasti da un numero di culture asiatiche. È il fratellino veloce e informale del più formale P. F. Chang. Ecco la home page:
Colore
La prima cosa che noto del sito di Pei Wei è il colore; audace, bel colore. La tavolozza è molto scura e calda, suggerisce un sapore speziato e ricco che mi fa venire l'acquolina in bocca per un pollo al miele.
La cosa bella qui è che questi colori sono probabilmente estratti proprio dal cibo che serve Pei Wei, un trucco che anche Qdoba stava usando.
Ogni volta che stai cercando di sviluppare una combinazione di colori per un'azienda, ricorda sempre che spesso hai bisogno di guardare oltre la loro linea di prodotti.
"La cosa bella qui è che questi colori sono probabilmente estratti proprio dal cibo che serve Pei Wei?È tutto sul cibo
Con Pei Wei, c'è una tecnica molto diversa da quella che abbiamo visto sul sito di Qdoba. Qui l'estetica è al 100% riguardo al cibo. Ovunque tu guardi è un altro bel colpo di cibo.
Mi sono guardato attorno per un po 'per vedere se riuscivo a trovare una foto di una persona, per quanto ne so, non ce ne sono. Viene meno personale e invitante, ma penso che lo facciano molto bene. Se mai faranno un grande rebranding, non sarei sorpreso di vederli avvicinarsi con un tocco umano più amichevole.
Cose che non mi piacciono
Nel complesso, Pei Wei ha un sito abbastanza forte, ma ci sono alcune cose che non mi fanno impazzire dal punto di vista del design.Prima di tutto, c'è un sacco di spazio negativo intrappolato e imbarazzante che è il risultato di un layout un po 'ingombrante. Non è orribile, ma può distrarre un po '.
Il peggior reato qui nel mio libro è il menu, che assomiglia a questo:
Come puoi vedere, è solo un noioso menu basato sul testo. Ogni piatto ha in effetti un bellissimo prodotto di accompagnamento, ma è nascosto fino a quando non si fa clic su di esso. La cosa bella è che risparmi sui tempi di caricamento della pagina, ma il lato negativo è che questo non mi rende affamato! E ricorda, le persone affamate sono il tuo target di riferimento qui.
? La cosa bella è che si risparmia sui tempi di caricamento della pagina, ma il lato negativo è che questo non mi rende affamato !?Sicuramente penso che la pagina del menu debba essere ridisegnata per fare un uso migliore di tutte quelle foto deliziose che ovviamente possiedono. Non devi necessariamente mostrare ogni foto tutte le volte, ma si può sicuramente fare qualcosa per ravvivarlo un po '.
Cosa abbiamo imparato?
Da Pei Wei, impariamo molto su come progettare con la fotografia del cibo. Abbiamo visto che le foto di cibo sono una ricca fonte di tavolozze di colori che aiutano a legare l'identità del marchio al prodotto. Abbiamo anche visto quanto sia vergognoso nascondere queste foto quando si tratta della presentazione del menu.
Azienda di pane ai fiori di campo
L'ultimo ristorante fast casual che daremo un'occhiata è Wildflower Bread Company, uno sportello unico per deliziosi prodotti da forno, panini e pasta.
Ho scelto questa catena in base al fatto che i loro negozi sono in realtà davvero ben progettati. Bellissimi segni, ottimi colori, mobili fantastici e wifi gratuito! È un ottimo posto dove pranzare a lungo.
Sfortunatamente, sembra che il fantastico design non si estenda al web. Ecco la loro home page come appare sul mio MacBook:
Il contenuto qui è proprio così? piccolo. In un mondo in cui il responsive web design sta massimizzando l'uso di ogni schermo, la montagna dello spazio vuoto qui sembra solo un terribile spreco.
"In un mondo in cui il responsive web design sta massimizzando l'uso di ogni schermo, la montagna dello spazio vuoto qui sembra solo un terribile spreco. ?L'intero sito sembra un po 'un miscuglio di contenuti sparsi, messaggi di marketing, foto e testo che semplicemente non sono all'altezza degli standard degli edifici fisici.
Stampa? web
Wildflower Bread Company ha la sensazione di un'azienda con un team di design di stampa stellare e un piccolo team web poco supportato. Come molte aziende nei primi anni del secolo scorso, stanno faticando a trasferire il loro marchio sul web perché è un mezzo così diverso.
Ancora e ancora, vedo parti di questo design che mi dicono che è poco più di una porta di qualcosa creato per la stampa. Il menu è un perfetto esempio di questo tipo di pensiero:
I paragrafi sono scarsamente allineati con larghezze molto strette, rinforzo visivo zero e interruzioni di linea imbarazzanti. Non è esattamente un esempio brillante di tipografia web. I problemi di tipo persistono in tutto il sito, controlla la larghezza sorprendentemente stretta della colonna centrale del testo qui sotto:
Un sacco di lettura
Al posto della grande e attraente fotografia di cibo che abbiamo visto sugli altri due siti, questo ti dà dei paragrafi. Pagine di testo lunghe e ininterrotte pubblicate come contenuto principale.
Ancora una volta, questo è un risultato diretto semplicemente non capire come le persone navigano nel web. Non leggerò questo, quasi nessun altro lo farà. Se ti stai vantando dei tuoi prodotti da forno, taglialo in un singolo paragrafo e mostrami delle prelibatezze dall'aspetto delizioso.
? Questo è un risultato diretto semplicemente non capire come le persone navigano nel web.?Cosa abbiamo imparato?
Una rivelazione qui è che i ristoranti fast casual non sono tutti ottimi. Certo, sono stato piuttosto duro con il povero Wildflower qui, ma la semplice verità è che mangerò in un posto solo per cena stasera, e se sto sfogliando i menu di questi tre siti per aiutarmi a decidere, il altri due battono Widlflower ogni volta.
La grande lezione che ho ripetuto più e più volte è che il web non è una brochure interattiva. È un mezzo completamente diverso che richiede un insieme completamente diverso di abilità e sfide progettuali. Sembra controintuitivo, ma una società conosciuta per il bene? Mondo reale? il design può davvero fare schifo sul web design.
Qdoba contro Pei Wei vs Wildflower
Completamente incidentalmente, i siti web sopra hanno iniziato con forza e sono andati in discesa da lì. Qdoba è stato di gran lunga il mio preferito con le sue fantastiche immagini, il layout reattivo e il fantastico marchio. Pei Wei era certamente un po 'più debole, ma nel complesso mostrava comunque una buona prestazione nel settore della ristorazione. Wildflower porta la parte posteriore con un sito piuttosto debole che potrebbe davvero utilizzare una riprogettazione completa da zero.
Allora, qual è il punto qui? Perché guardare questi tre siti? Perché illustrano perfettamente come i diversi progetti con lo stesso obiettivo possano andare in modo diverso a seconda del talento e delle risorse delle persone coinvolte. Tutte e tre queste aziende sono ristoranti popolari e di successo che possono assolutamente permettersi di costruire una forte presenza sul web.
Usalo come una lezione per i tuoi progetti, specialmente se lavori in una squadra. Sei in grado di mettere insieme le tue risorse e realizzare qualcosa per cui puoi essere davvero orgoglioso o qualcosa che ti ostacola? È una delle cose di cui sopra o qualcos'altro? Facci sapere di seguito.
Assicurati anche di parlarci dei tuoi ristoranti fast casual preferiti e di come i loro siti web si sovrappongono a quelli sopra menzionati.