Test dobrego smaku projektu: porównanie trzech szybkich, swobodnych stron restauracji

Restauracje fast food są notorycznie kiepskie w projektowaniu stron internetowych, ale jak dotąd rozwijający się rynek „fast casualowych” restauracji okazuje się znacznie lepszy w tej dziedzinie.

Dziś rozejrzymy się po Internecie w poszukiwaniu najbardziej popularnych szybkich restauracji typu casual, aby zobaczyć, kto wykonuje najlepszą pracę i czego możemy się od nich nauczyć. Ostrzeżenie: ten post spowoduje, że będziesz głodny!

Przeglądaj zasoby projektowe

Qdoba

Pierwszą witryną, którą odwiedzimy, jest Qdoba.com, strona główna restauracji serwującej pyszne burrito i inne południowo-zachodnie oferty. To bardzo przypomina Chipotle, o którym już pisaliśmy w innym poście. Oto spojrzenie na nagłówek:

Na razie w porządku! Bardzo podoba mi się zestawienie typografii i fotografii. Projekt jest duży i odważny, a jednocześnie świeży i przyjazny. Doskonale oddaje atmosferę restauracji i przedstawia dobrą mieszankę szczęśliwych ludzi i pyszne jedzenie.

Silny branding

Ich obecna strategia brandingowa polega na tym, że Qdoba to „jedzenie dla ludzi, którzy kochają jedzenie”. Pomysł jest rozpowszechniany w całej witrynie, nawet w interaktywny sposób. Na przykład strona z kuponami traktuje ostatnie słowo jako „wypełnij puste miejsce”, w którym wpisujesz to, co kochasz, i zarabiasz różne kupony na podstawie wybranego słowa.

To świetna sztuczka psychologiczna. Subtelnie zmuszają mnie do tworzenia połączeń z marką poprzez kojarzenie jej z rzeczami, które kocham. Ponownie, jest to wzmocnione przez te wszystkie uśmiechnięte twarze, które widzisz przeplatane zdjęciami jedzenia.

„Subtelnie zmuszają mnie do nawiązywania kontaktów z marką poprzez kojarzenie jej z rzeczami, które kocham”.

Menu

Kolejną rzeczą, którą bardzo lubię w Qdoba.com, jest prezentacja menu, która jest absolutnie jednym z najważniejszych aspektów każdej strony internetowej restauracji. Każdy element jest starannie ułożony w siatkę z atrakcyjnymi zdjęciami o wysokiej jakości i czystym tekstem.

Zawartość strony głównej

Kiedy odwiedzam stronę internetową restauracji, zwykle są dwie podstawowe rzeczy, które chcę zrobić: sprawdź menu i dowiedz się, jak zdobyć jedzenie. Ta ostatnia czynność zazwyczaj obejmuje zamówienie online lub wyszukiwanie numeru telefonu i adresu.

„Kiedy odwiedzam stronę internetową restauracji, zazwyczaj są dwie podstawowe rzeczy, które chcę zrobić…”

Qdoba obsługuje prawie wszystko z poziomu strony głównej, tym samym usuwając wygodę lokalizacji zawartości z parku. Na górze strony zapoznasz się z restauracją i poprosisz o kilka kuponów. Gdy przewiniesz trochę w dół, zobaczysz pozycje menu z linkami do informacji o wartości odżywczej. Wreszcie, gdy dotrzesz do dolnej części strony, zobaczysz mapę lokalizacji w Twojej okolicy.

Jedynym głównym celem, który nie został osiągnięty bezpośrednio na stronie głównej, jest zamawianie online, a ta opcja znajduje się w prawym górnym rogu ekranu (główna nieruchomość do przeglądania oczu) w trwałym nagłówku, który pozostaje z tobą podczas przewijania.

Reaguje na rozruch

Wspaniale jest widzieć, jak duże korporacje wskakują na pokład reagującego wagonu. Qdoba.com faktycznie dobrze reaguje na różne rozmiary rzutni.

Czego się nauczyliśmy?

Qdoba.com oferuje wiele wspaniałych lekcji projektowania, z których najważniejszą jest prawdopodobnie siła silnego brandingu. Są spójne z paletą kolorów, typografią i fotografią, a wszystkie razem tworzą niepowtarzalną tożsamość, z którą klienci mogą się identyfikować. Połączenie szczęśliwych ludzi i pysznych zdjęć żywności jest wypróbowane i prawdziwe i od dziesięcioleci wiernie służy restauracji.

„Są spójne ze swoją paletą kolorów, typografią i fotografią, które tworzą razem niepowtarzalną tożsamość, z którą klienci mogą się identyfikować.”

W pracy są też dwie inne świetne lekcje. Po pierwsze, responsywne projektowanie to nie tylko zabawa dla projektantów stron internetowych. Świat korporacyjny może i powinien to przyjąć otwarcie, ponieważ oznacza to lepsze wrażenia dla większej liczby klientów.

Wreszcie, zawsze zastanów się, dlaczego większość odwiedzających wchodzi na twoją stronę i staraj się zaspokoić te działania. Prawie wszystko, co większość ludzi będzie chciała robić na Qdoba.com, można osiągnąć za pośrednictwem strony głównej.

Pei Wei

Następną szybką wycieczką jest kolejna z moich ulubionych: Pei Wei, restauracja serwująca pyszne dania z wielu kultur azjatyckich. To szybki, swobodny młodszy brat bardziej oficjalnego PF Changa. Oto strona główna:

Kolor

Pierwszą rzeczą, jaką zauważam na stronie Pei Wei, jest kolor; odważny, piękny kolor. Paleta jest bardzo ciemna i ciepła, sugeruje pikantny, bogaty smak, który sprawia, że ​​przepysznie mi kurczak z przypalonego miodu.

Fajne jest to, że te kolory są prawdopodobnie wyciągane bezpośrednio z jedzenia, które podaje Pei Wei, sztuczka, której używała również Qdoba.

Za każdym razem, gdy próbujesz opracować schemat kolorów dla firmy, zawsze pamiętaj, że często nie musisz szukać dalej niż linia produktów.

„Fajne jest to, że te kolory są prawdopodobnie czerpane bezpośrednio z jedzenia, które podaje Pei Wei”

Chodzi o jedzenie

W Pei Wei istnieje zupełnie inna technika niż ta, którą widzieliśmy na stronie Qdoba. Tutaj estetyka w 100% dotyczy jedzenia. Gdziekolwiek spojrzysz, jest kolejny piękny strzał jedzenia.

Rozejrzałem się przez chwilę na stronie, aby sprawdzić, czy mogę znaleźć zdjęcie osoby, o ile wiem, że nie ma. Wydaje się być mniej osobisty i zachęcający, ale myślę, że całkiem dobrze sobie z tym radzą. Jeśli kiedykolwiek dokonają poważnej rebrandingu, nie zdziwiłbym się, gdy podchodzą do tego z bardziej przyjaznym, ludzkim charakterem.

Czego nie lubię

Ogólnie rzecz biorąc, Pei Wei ma dość mocną stronę, ale są pewne rzeczy, które nie szaleję z punktu widzenia projektowania. Przede wszystkim jest wiele uwięzionych, niewygodnych negatywnych przestrzeni, które są wynikiem nieco zagraconego układu. To nie jest okropne, ale może być trochę rozpraszające.

Najgorszym wykroczeniem w mojej książce jest menu, które wygląda następująco:

Jak widać, jest to po prostu nudne menu tekstowe. Każde danie rzeczywiście ma piękne zdjęcie produktu, ale jest ukryte, dopóki go nie klikniesz. Zaletą jest to, że oszczędzasz czas ładowania strony, ale wadą jest to, że nie jestem głodny! I pamiętajcie, głodni ludzie są tutaj docelowymi odbiorcami.

„Zaletą jest to, że oszczędzasz czas ładowania strony, ale wadą jest to, że nie jestem głodny!”

Zdecydowanie uważam, że strona menu musi zostać przeprojektowana, aby lepiej wykorzystać wszystkie te przepyszne zdjęcia, które oczywiście mają. Niekoniecznie musisz pokazywać wszystkie zdjęcia przez cały czas, ale z pewnością można coś zrobić, aby trochę ożywić.

Czego się nauczyliśmy?

Od Pei Wei dowiadujemy się dużo o tym, jak projektować za pomocą fotografii żywności. Zauważyliśmy, że zdjęcia żywności są bogatym źródłem palet kolorów, które pomagają powiązać tożsamość marki z produktem. Widzieliśmy też, jak szkoda ukryć te zdjęcia, jeśli chodzi o prezentację menu.

Firma Wildflower Bread Company

Ostatnią szybką, swobodną restauracją, na którą się przyjrzymy, jest Wildflower Bread Company, kompleksowy sklep z pysznymi wypiekami, kanapkami i makaronem.

Wybrałem tę sieć ze względu na fakt, że ich sklepy są naprawdę bardzo dobrze zaprojektowane. Piękne znaki, świetne kolory, niesamowite meble i darmowe wifi! To świetne miejsce na dłuższy lunch roboczy.

Niestety wydaje się, że niesamowity design nie obejmuje sieci. Oto ich strona główna wyświetlana na moim MacBooku:

Treść tutaj jest taka… mała. W świecie, w którym responsywne projektowanie stron internetowych maksymalizuje wykorzystanie każdego ekranu, góra pustej przestrzeni wydaje się strasznym marnotrawstwem.

„W świecie, w którym responsywne projektowanie stron internetowych maksymalizuje wykorzystanie każdego ekranu, góra pustej przestrzeni wydaje się strasznym marnotrawstwem. ”

Cała strona wydaje się trochę jak porcja rozproszonych treści, komunikatów marketingowych, zdjęć i tekstu, które po prostu nie spełniają standardów budynków fizycznych.

Drukuj ≠ Internet

Firma Wildflower Bread Company czuje się jak firma z gwiezdnym zespołem projektowym do druku i małym, słabo wspieranym zespołem internetowym. Podobnie jak wiele firm na początku lat dziewięćdziesiątych, starają się przenieść swoją markę do sieci, ponieważ jest to tak różne medium.

Raz za razem widzę części tego projektu, które mówią mi, że to niewiele więcej niż port czegoś stworzonego do druku. Menu jest doskonałym przykładem tego rodzaju myślenia:

Tam akapity są źle wyrównane z bardzo wąskimi szerokościami, zerowym wizualnym wzmocnieniem i niewygodnymi podziałami linii. Niezupełnie błyszczący przykład typografii internetowej. Problemy z czcionkami występują w całej witrynie, sprawdź zaskakująco wąską szerokość środkowej kolumny tekstu poniżej:

Dużo czytania

Zamiast dużej, atrakcyjnej fotografii jedzenia, którą widzieliśmy na dwóch pozostałych stronach, ta daje ci akapity. Długie, nieprzerwane strony tekstu służyły jako podstawowa treść.

Ponownie jest to bezpośredni wynik braku zrozumienia sposobu przeglądania Internetu. Nie zamierzam tego czytać, prawie nikt też nie będzie. Jeśli chwalisz się swoimi wypiekami, zmniejsz to do jednego akapitu i pokaż mi pyszne smakołyki.

„Jest to bezpośredni wynik po prostu niezrozumienia sposobu, w jaki ludzie przeglądają sieć”.

Czego się nauczyliśmy?

Jednym z objawień jest to, że szybkie, codzienne restauracje nie są świetne. Trzeba przyznać, że byłem tutaj dość ostry w stosunku do biednego Wildflower, ale prosta prawda jest taka, że ​​zjem dziś wieczorem tylko jedno miejsce na obiad, a jeśli przeglądam menu tych trzech witryn, aby pomóc mi zdecydować, pozostałe dwa pokonały Widlflower za każdym razem.

Wielką lekcją, którą wielokrotnie powtarzałem, jest to, że sieć nie jest interaktywną broszurą. To zupełnie inne medium, które wymaga zupełnie innego zestawu umiejętności projektowych i wyzwań. Wydaje się to sprzeczne z intuicją, ale firma znana z dobrego „prawdziwego świata” projektowania może naprawdę wkurzać projektowanie stron internetowych.

Qdoba vs. Pei Wei vs. Wildflower

Nawiasem mówiąc, powyższe strony zaczęły się dobrze rozwijać i stamtąd spadły. Qdoba była zdecydowanie moją ulubioną dzięki pięknym obrazom, responsywnemu układowi i niesamowitemu brandingowi. Pei Wei był wprawdzie trochę słabszy, ale ogólnie nadal dość silny w branży restauracyjnej. Wildflower przedstawia tył z dość słabym miejscem, które może naprawdę wykorzystać kompletne przeprojektowanie od podstaw.

O co tu chodzi? Po co patrzeć na te trzy strony? Ponieważ doskonale ilustrują, jak różne projekty o tym samym celu mogą przebiegać tak różnie w zależności od talentu i zasobów zaangażowanych osób. Wszystkie te trzy firmy są popularnymi, odnoszącymi sukcesy restauracjami, które mogą sobie pozwolić na budowanie silnej obecności w Internecie.

Wykorzystaj to jako lekcję do własnych projektów, szczególnie jeśli pracujesz w zespole. Czy jesteś w stanie zebrać swoje zasoby i okazać coś, z czego możesz być naprawdę dumny lub czy coś stoi ci na drodze? Czy to jedna z wyżej wymienionych rzeczy, czy coś innego? Daj nam znać poniżej.

Pamiętaj też, aby powiedzieć nam o swoich ulubionych, szybkich, swobodnych restauracjach oraz o tym, jak ich witryny wypadają na tle powyższych.