Fast Food-Restaurants sind bekanntermaßen schlecht mit Webdesign, aber der aufstrebende Markt von "Fast Casual" ist Die Gastronomie hat sich in dieser Hinsicht bisher als viel besser erwiesen.
Heute werden wir uns auf den Websites nach einigen der beliebtesten Fast-Casual-Restaurants umsehen, um herauszufinden, wer die beste Arbeit leistet und was wir daraus lernen können. Achtung: Dieser Beitrag macht hungrig!
Qdoba
Die erste Seite, die wir besuchen werden, ist Qdoba.com, die Homepage für ein Restaurant, das einige leckere Burritos und andere Angebote im Südwesten serviert. Es ist ein bisschen wie bei Chipotle, das wir bereits in einem anderen Beitrag angeschaut haben. Hier ist ein Blick auf die Kopfzeile:
So weit, ist es gut! Ich mag das Nebeneinander von Typografie und Fotografie. Das Design ist groß und mutig, aber frisch und freundlich. Es fängt die Atmosphäre des Restaurants perfekt ein und zeigt eine gute Mischung aus glücklichen Menschen und leckerem Essen.
Starkes Branding
Ihre aktuelle Markenstrategie ist, dass Qdoba "Nahrung für Menschen ist, die Essen lieben." Diese Idee wird auch auf interaktive Weise auf der gesamten Site verbreitet. Die Coupon-Seite zum Beispiel behandelt das letzte Wort als "Leerzeichen ausfüllen". wo Sie eingeben, was Sie lieben und verschiedene Gutscheine verdienen, die auf Ihrer Wortwahl basieren.
Dies ist ein großer psychologischer Trick. Sie zwingen mich subtil dazu, Verbindungen mit der Marke herzustellen, indem sie sie mit Dingen verbinden, die ich liebe. Dies wird wieder verstärkt durch all diese lächelnden Gesichter, die Sie mit Lebensmittelfotos verweben sehen.
? Sie zwingen mich subtil dazu, Verbindungen mit der Marke herzustellen, indem sie sie mit Dingen verbinden, die ich liebe.?Speisekarte
Eine andere Sache, die ich an Qdoba.com sehr schätze, ist die Menüpräsentation, die absolut eine der wichtigsten Facetten für jede Restaurant-Website ist. Jeder Artikel ist übersichtlich in einem Raster angeordnet, mit attraktiven, hochwertigen Food-Fotografien und sauberem Text.
Inhalt der Startseite
Wenn ich die Website für ein Restaurant besuche, gibt es normalerweise zwei Hauptpunkte, die ich tun möchte: Schauen Sie sich die Speisekarte an und erfahren Sie, wie Sie etwas zu essen bekommen. Diese letztere Maßnahme umfasst normalerweise entweder die Online-Bestellung oder das Nachschlagen einer Telefonnummer und einer Adresse.
Wenn ich die Website für ein Restaurant besuche, gibt es normalerweise zwei Hauptpunkte, die ich tun möchte. ?Qdoba handhabt so ziemlich alles direkt von der Homepage aus, wodurch der bequeme Platz für Inhalte aus dem Park geworfen wird. Oben auf der Seite werden Sie mit dem Restaurant vertraut gemacht, und Sie sollten sich einige Gutscheine besorgen. Wenn Sie einen Bildlauf nach unten durchführen, werden die Menüelemente mit Links zu Nährwertinformationen angezeigt. Wenn Sie unten auf der Seite auftippen, wird eine Karte der Standorte in Ihrer Nähe angezeigt.
Das einzige große Ziel, das nicht direkt auf der Homepage erreicht werden kann, ist die Online-Bestellung. Diese Option befindet sich oben rechts auf dem Bildschirm (Hauptfläche für das Browsen von Augen) in einer dauerhaften Kopfzeile, die beim Scrollen erhalten bleibt.
Auf Booten reagieren
Es ist großartig zu sehen, wie große Konzerne an Bord des ansprechenden Bandwagens springen. Qdoba.com reagiert auf verschiedene Ansichtsfenstergrößen recht gut.
Was haben wir gelernt?
Qdoba.com hat viele großartige Design-Lektionen zu lernen, von denen wahrscheinlich die Stärke eines starken Brandings die wichtigste ist. Sie stehen im Einklang mit ihrer Farbpalette, ihrer Typografie und ihrer Fotografie, um eine einzigartige Identität zu schaffen, mit der sich die Kunden identifizieren können. Die Kombination aus fröhlichen Menschen und lecker aussehenden Speisen ist bewährt und dient Restaurants seit Jahrzehnten treu.
? Sie sind konsistent mit ihrer Farbpalette, ihrer Typografie und ihrer Fotografie, die alle zusammen eine eindeutige Identität schaffen, mit der sich die Kunden identifizieren können.?Hier gibt es auch zwei andere großartige Lektionen. Erstens ist responsives Design nicht nur ein Spaß für Webdesigner-Portfolios. Die Unternehmenswelt kann und sollte dies offen annehmen, da dies für mehr Kunden eine bessere Erfahrung bedeutet.
Überlegen Sie sich immer, warum die Mehrheit Ihrer Besucher zu Ihrer Website kommt und Ihr Bestes tut, um auf diese Aktionen einzugehen. Fast alles, was die meisten Leute auf Qdoba.com machen möchten, kann über die Homepage erreicht werden.
Pei Wei
Als nächstes auf der Fast-Casual-Tour folgt ein weiterer persönlicher Favorit: Pei Wei, ein Restaurant, das köstliche Hauptgerichte aus verschiedenen asiatischen Kulturen serviert. Es ist der schnelle, zufällige kleine Bruder des eher formellen P. F. Chang. Hier ist die Startseite:
Farbe
Das erste, was ich an der Website von Pei Wei bemerke, ist Farbe. mutige, schöne Farbe. Die Farbpalette ist sehr dunkel und warm, was auf einen würzigen, reichhaltigen Geschmack hindeutet, der mein Hühnchen in den Mund spritzt.
Die coole Sache hier ist, dass diese Farben wahrscheinlich direkt aus dem Essen gezogen werden, das Pei Wei serviert, ein Trick, den auch Qdoba verwendete.
Wenn Sie versuchen, ein Farbschema für ein Unternehmen zu entwickeln, denken Sie immer daran, dass Sie oft nur die Produktlinie suchen müssen.
Die coole Sache hier ist, dass diese Farben wahrscheinlich direkt aus der Nahrung gezogen werden, die Pei Wei serviert.Es geht ums Essen
Bei Pei Wei gibt es eine ganz andere Technik als bei Qdoba. Hier geht es der Ästhetik zu 100% um das Essen. Überall, wo Sie hinschauen, ist ein weiteres schönes Food Shot.
Ich schaute mich eine Weile auf der Website um, ob ich ein Foto von einer Person finden könnte, soweit ich das beurteilen kann, gibt es keine. Es wirkt weniger persönlich und einladend, aber ich denke, dass sie es ziemlich gut machen. Wenn sie jemals ein großes Rebranding durchführen würden, wäre ich nicht überrascht, wenn sie sich mit einem freundlicheren, menschlicheren Gefühl nähern.
Dinge, die ich nicht mag
Insgesamt hat Pei Wei eine ziemlich starke Seite, aber es gibt einige Dinge, die mich aus Designperspektive nicht begeistern.Zuallererst gibt es eine Menge gefangener, unbeholfener negativer Räume, die das Ergebnis eines etwas überladenen Layouts sind. Es ist nicht schrecklich, aber es kann etwas ablenken.
Das schlimmste Vergehen hier in meinem Buch ist das Menü, das folgendermaßen aussieht:
Wie Sie sehen, ist es nur ein langweiliges textbasiertes Menü. Für jedes Gericht gibt es zwar eine schöne Begleiterscheinung, die jedoch bis zum Anklicken ausgeblendet wird. Das Schöne ist, dass Sie beim Laden der Seite mal sparen, aber der Nachteil ist, dass das mich nicht hungrig macht! Und denken Sie daran, hungrige Menschen sind hier Ihre Zielgruppe.
? Das Schöne ist, dass Sie beim Laden der Seite mal sparen, aber der Nachteil ist, dass das mich nicht hungrig macht!?Ich glaube definitiv, dass die Menüseite neu gestaltet werden muss, um all die leckeren Fotos, die sie offensichtlich besitzen, besser zu nutzen. Sie müssen nicht unbedingt jedes Foto ständig zeigen, aber es kann sicherlich etwas getan werden, um das Ganze etwas zu beleben.
Was haben wir gelernt?
Von Pei Wei lernen wir viel darüber, wie man mit Food-Fotografie gestaltet. Wir haben gesehen, dass Lebensmittelfotos eine reichhaltige Quelle für Farbpaletten sind, mit deren Hilfe die Markenidentität mit dem Produkt verknüpft werden kann. Wir haben auch gesehen, wie schade es ist, diese Fotos bei der Präsentation des Menüs auszublenden.
Wildflower Bread Company
Das letzte Fast-Casual-Restaurant, das wir uns ansehen werden, ist Wildflower Bread Company, ein One-Stop-Shop für leckere Backwaren, Sandwiches und Pasta.
Ich habe diese Kette aufgrund der Tatsache ausgewählt, dass ihre Geschäfte wirklich gut gestaltet sind. Wunderschöne Schilder, tolle Farben, tolle Möbel und kostenloses WLAN! Es ist ein großartiger Ort für ein verlängertes Arbeitsessen.
Leider scheint das erstaunliche Design nicht für das Web zu gelten. Hier ist ihre Startseite, wie sie auf meinem MacBook erscheint:
Der Inhalt hier ist einfach so? klein. In einer Welt, in der responsives Webdesign die Nutzung jedes Bildschirms maximiert, fühlt sich der Berg des leeren Raums hier wie eine schreckliche Verschwendung an.
In einer Welt, in der responsives Webdesign die Nutzung jedes Bildschirms maximiert, fühlt sich der Berg des leeren Raums hier wie eine schreckliche Verschwendung an. ?Die gesamte Website fühlt sich wie ein Haufen von verstreuten Inhalten, Werbebotschaften, Fotos und Texten an, die einfach nicht den Anforderungen der physischen Gebäude entsprechen.
Drucken ? Netz
Wildflower Bread Company fühlt sich wie ein Unternehmen mit einem herausragenden Druckdesign-Team und einem kleinen, schlecht unterstützten Web-Team an. Wie viele Unternehmen in den frühen Jahren des 19. Jahrhunderts haben sie Schwierigkeiten, ihre Marke ins Internet zu verlagern, weil es ein so anderes Medium ist.
Immer wieder sehe ich Teile dieses Designs, das mir sagt, dass es wenig mehr ist als ein Port von etwas, das für den Druck geschaffen wurde. Das Menü ist ein perfektes Beispiel für diese Art des Denkens:
Dort sind die Absätze mit sehr geringen Breiten, null visueller Verstärkung und unhandlichen Zeilenumbrüchen schlecht ausgerichtet. Nicht gerade ein leuchtendes Beispiel für Web-Typografie. Die Typprobleme bleiben auf der gesamten Site bestehen. Überprüfen Sie die überraschend geringe Breite der unteren Textspalte:
Viel lesen
Anstelle der großen, attraktiven Food-Fotografie, die wir an den beiden anderen Standorten gesehen haben, werden hier Absätze angezeigt. Lange, ununterbrochene Textseiten dienten als Hauptinhalt.
Dies ist wiederum ein direktes Ergebnis, wenn man einfach nicht versteht, wie Menschen im Internet surfen. Ich werde das nicht lesen, fast niemand sonst. Wenn Sie mit Ihren Backwaren prahlen, reduzieren Sie diese auf einen einzigen Absatz und zeigen Sie mir einige köstliche Leckereien.
Dies ist ein direktes Ergebnis, weil man einfach nicht versteht, wie Menschen im Internet surfen.Was haben wir gelernt?
Eine Offenbarung hier ist, dass schnelle Casual Dining Sites nicht alle großartig sind. Zugegeben, ich war ziemlich arm an der armen Wildflower hier, aber die einfache Tatsache ist, dass ich heute Abend nur an einem Ort zum Abendessen essen werde andere zwei schlagen Widlflower jedes Mal.
Die große Lektion, die ich immer wieder wiederholt habe, ist, dass das Internet keine interaktive Broschüre ist. Es ist ein völlig anderes Medium, das ganz andere Gestaltungsfähigkeiten und Herausforderungen erfordert. Es scheint nicht intuitiv zu sein, aber ein Unternehmen, das für gute "reale Welt" bekannt ist. Design kann wirklich an Webdesign saugen.
Qdoba vs. Pei Wei vs. Wildflower
Ganz nebenbei haben die oben genannten Websites stark angefangen und sind von dort aus bergab gegangen. Qdoba war bei weitem mein Favorit mit seinen fantastischen Bildern, seinem responsiven Layout und seinem fantastischen Branding. Pei Wei war zwar etwas schwächer, aber im Restaurantgeschäft insgesamt recht stark vertreten. Wildflower bringt die Rückseite mit einer ziemlich schwachen Seite hoch, die eine komplette Neugestaltung von Grund auf durchführen könnte.
Also, was ist der Punkt hier? Warum diese drei Standorte betrachten? Weil sie perfekt veranschaulichen, wie unterschiedliche Projekte mit demselben Ziel je nach Talent und Ressourcen der beteiligten Personen unterschiedlich ausfallen können. Alle drei dieser Unternehmen sind beliebte, erfolgreiche Restaurants, die es sich absolut leisten können, eine starke Internetpräsenz aufzubauen.
Verwenden Sie dies als Lektion für Ihre eigenen Projekte, insbesondere wenn Sie in einem Team arbeiten. Können Sie Ihre Ressourcen zusammenbringen und etwas herausfinden, auf das Sie wirklich stolz sein können, oder steht Ihnen etwas im Weg? Ist es eines der oben genannten Dinge oder etwas anderes? Lass es uns unten wissen.
Erzählen Sie uns auch von Ihren Lieblings-Schnellrestaurants und wie sich ihre Websites mit den oben genannten abstimmen.