Добър тест за вкус на дизайн: Сравнени са три бързи ежедневни ресторанти

Ресторантите за бързо хранене са известни лошо с уеб дизайна, но развиващият се пазар на „бързи ежедневни“ заведения за хранене досега се оказва много по-добър в тази област.

Днес ще разгледаме уебсайтовете на някои от най-популярните ежедневни ресторанти, за да видим кой върши най-добрата работа и какво можем да научим от тях. Внимание: тази публикация ще ви огладнее!

Разгледайте дизайнерските ресурси

Qdoba

Първият сайт, на който ще се спрем, е Qdoba.com, началната страница за ресторант, който сервира вкусни бурито и други предложения на югозапад. Много прилича на Chipotle, който вече разгледахме в друг пост. Ето поглед към заглавката:

Дотук добре! Много харесвам съпоставянето на типографията и фотографията. Дизайнът е голям и смел, но същевременно свеж и приятелски настроен. Той перфектно улавя усещането на ресторанта и представя добро съчетание от щастливи хора и вкусна храна.

Силна марка

Сегашната им стратегия за брандиране е, че Qdoba е "храна за хора, които обичат храната." Тази идея се изтласква из целия сайт, дори по интерактивни начини. Страницата с талони например третира последната дума като „попълнете празното“, където въвеждате това, което обичате и печелите различни талони въз основа на вашия избор на дума.

Това е страхотен психологически трик. Твърдо ме принуждават да осъществявам връзки с марката, като я свързвам с неща, които обичам. Отново това се подсилва от всички онези усмихнати лица, които виждате преплетени със снимки на храна.

„Те ме принуждават да създавам връзки с марката, като я свързвам с неща, които обичам.“

Меню

Друго нещо, което много харесвам в Qdoba.com, е представянето на менюто, което е абсолютно едно от най-важните аспекти за всеки уебсайт на ресторанта. Всеки артикул е подреден спретнато в решетка с атрактивна, ключова фотография с храна и чист текст.

Съдържание на началната страница

Когато посещавам уебсайта за ресторант, обикновено има две основни неща, които искам да направя: разгледайте менюто и разберете как да си набавя храна. Това последно действие обикновено включва поръчка онлайн или търсене на телефонен номер и адрес.

"Когато посещавам уебсайта за ресторант, обикновено има две основни неща, които искам да направя ..."

Qdoba обработва почти всичко това от началната страница, като по този начин избива удобството за местоположение на съдържанието извън парка на топката. В горната част на страницата се запознавате с ресторанта и казвате да вземете няколко купона. Когато превъртите малко надолу, виждате елементи от менюто с връзки към хранителна информация. Накрая, когато натиснете дъното на страницата, виждате карта на местоположенията във вашия район.

Единствената основна цел, която не е постигната точно на началната страница, е поръчката онлайн и тази опция е разположена в горния десен ъгъл на екрана (основен имот за гледане на очи) в постоянна заглавка, която остава с вас, докато превъртате.

Чувствителен към Boot

Страхотно е да видите големи корпорации да скачат на борда на отзивчивия лентов комби. Qdoba.com всъщност реагира доста добре на различни размери на прозореца.

Какво научихме?

Qdoba.com има много страхотни уроци по дизайн, за да ни научи, най-важният от които вероятно е силата на силната марка. Те са в съответствие с тяхната цветова палитра, типография и фотография, всички те се обединяват, за да създадат уникална идентичност, с която клиентите могат да се идентифицират. Комбинацията от щастливи хора и вкусни снимки на храна е изпитана и вярна и сервира ресторантите вярно от десетилетия.

„Те са в съответствие с тяхната цветова палитра, типография и фотография, всички те се обединяват, за да създадат уникална идентичност, с която клиентите могат да се идентифицират.“

Има и два други страхотни урока на работа и тук. Първо, отзивчивият дизайн не е просто забавен трик за портфолиото на уеб дизайнерите. Корпоративният свят може и трябва да го възприеме открито, защото това означава по-добро преживяване за повече клиенти.

И накрая, винаги помислете защо по-голямата част от посетителите ви идват на вашия сайт и направете всичко възможно да се погрижите за тези действия. Почти всичко, което повечето хора ще искат да направят на Qdoba.com, може да бъде осъществено чрез началната страница.

Пей Вей

Следваща бърза ежедневна обиколка е друг от моите лични фаворити: Pei Wei, ресторант, който сервира вкусни закуски от редица азиатски култури. Това е бързият случаен малък брат на по-официалния PF Chang. Ето началната страница:

цвят

Първото нещо, което забелязвам за сайта на Pei Wei, е цветът; смел, красив цвят. Палитрата е много тъмна и топла, подсказва пикантен, богат аромат, който ми напоява устата за малко пилешко месо.

Хубавото тук е, че тези цветове вероятно са изтеглени точно от храната, която Пей Вей сервира, трик, който Qdoba също използва.

Всеки път, когато се опитвате да разработите цветова схема за дадена компания, винаги помнете, че често се нуждаете от поглед не повече от тяхната продуктова линия.

„Хубавото тук е, че тези цветове вероятно са изтеглени точно от храната, която Пей Вей сервира“

Всичко е за храната

При Pei Wei има много по-различна техника от тази, която видяхме в сайта на Qdoba. Тук естетиката е 100% спрямо храната. Накъдето и да погледнете е още една красива снимка за храна.

Огледах се в сайта за известно време, за да видя дали мога да намеря снимка на човек, доколкото мога да разбера, няма такива. Излиза като по-малко личен и приканващ, но мисля, че го отнемат доста добре. Ако някога направят основен ребренд, не бих се изненадал, като ги видя да подхождат към него с по-дружелюбно, човешко чувство.

Неща, които не харесвам

Като цяло Pei Wei има доста силен сайт, но има някои неща, за които не съм луда от гледна точка на дизайна. На първо място, има много хванато, неудобно отрицателно пространство, което е резултат от донякъде затрупано оформление. Не е ужасно, но може да се разсее малко.

Най-лошото престъпление в моята книга е менюто, което изглежда така:

Както можете да видите, това е просто скучно текстово меню. Всяко ястие наистина има красива съпътстваща снимка на продукта, но тя е скрита, докато не кликнете върху нея. Хубавото е, че спестявате в пъти за зареждане на страницата, но недостатъкът е, че това не ме огладнява! И не забравяйте, че гладните хора са вашата целева аудитория тук.

„Хубавото е, че спестявате в пъти за зареждане на страницата, но недостатъкът е, че това не ме огладнява!“

Определено смятам, че страницата на менюто трябва да бъде преработена, за да се използват по-добре всички онези снимки на вода, които очевидно притежават. Не е задължително през цялото време да показвате всяка снимка, но със сигурност може да се направи нещо, за да я оживите малко.

Какво научихме?

От Pei Wei научаваме много за това как да проектираме с фотография на храни. Видяхме, че снимките на храните са богат източник на цветни палитри, които помагат да се свърже идентичността на марката с продукта. Видяхме и колко е жалко да скриете тези снимки, когато става въпрос за представянето на менюто.

Компания за хляб с диви цветя

Последният бърз ежедневен ресторант, който ще разгледаме, е Wildflower Bread Company, едно гише за вкусни печива, сандвичи и тестени изделия.

Избрах тази верига въз основа на факта, че техните магазини всъщност са наистина добре проектирани. Красиви табели, страхотни цветове, страхотни мебели и безплатен wifi! Това е чудесно място да вземете продължителен работен обяд.

За съжаление изглежда, че невероятният дизайн не се простира до мрежата. Ето и началната им страница, както се появява в моя MacBook:

Съдържанието тук е просто толкова ... малко. В свят, в който отзивчивият уеб дизайн увеличава максимално използването на всеки екран, планината от празно пространство тук просто се чувства като ужасна загуба.

„В свят, в който отзивчивият уеб дизайн увеличава максимално използването на всеки екран, планината от празно пространство тук просто се чувства като ужасна загуба. "

Целият сайт се чувства като малко попълнение на разпръснато съдържание, маркетингови съобщения, снимки и текст, които просто не отговарят на стандартите на физическите сгради.

Печат ≠ Web

Компанията Wildflower Bread има усещането за компания със звезден дизайнерски екип и мъничък, слабо поддържан уеб екип. Подобно на много бизнеси в началото на 00-те, те се борят да пренесат марката си в интернет, защото това е толкова различен носител.

Отново и отново виждам части от този дизайн, които ми казват, че е малко повече от порт на нещо, създадено за печат. Менюто е перфектен пример за този тип мислене:

Там абзаците са лошо подравнени с много тесни ширини, нулева визуална армировка и неудобни прекъсвания на линиите. Не е точно блестящ пример за уеб типография. Проблемите с типа продължават да съществуват в целия сайт, вижте изненадващо тясната ширина на централната колона от текст по-долу:

Много четене

На мястото на голямата, привлекателна фотография с храни, която видяхме в другите два сайта, тази ви дава параграфи. Дългите непрекъснати страници на текста послужиха като основно съдържание.

Отново това е директен резултат от това просто да не разбирате как хората сърфират в мрежата. Няма да чета това, почти никой друг също няма. Ако се хвалите със своите печива, намалете това до един абзац и ми покажете няколко вкусни изглеждащи лакомства.

„Това е пряк резултат от това, че просто не разбирате как хората сърфират в мрежата.“

Какво научихме?

Едно разкритие тук е, че бързите ежедневни места за хранене не са всички страхотни. Наистина, тук бях доста суров по отношение на бедния Wildflower, но простата истина е, че тази вечер ще ям само на едно място за вечеря и ако разглеждам менютата на тези три сайта, за да ми помогнат да реша, други двама побеждават Widlflower всеки път.

Големият урок, който повтарях отново и отново, е, че мрежата не е интерактивна брошура. Това е съвсем различен носител, който изисква напълно различен набор от дизайнерски умения и предизвикателства. Изглежда контраинтуитивно, но компания, известна с добрия дизайн в реалния свят, наистина може да издържи на уеб дизайна.

Qdoba срещу Pei Wei срещу Wildflower

Напълно случайно уебсайтовете по-горе започнаха силно и тръгнаха надолу от там. Qdoba беше най-любимият ми с прекрасните си изображения, отзивчиво оформление и страхотно брандиране. Пей Уей беше малко по-слаб, но като цяло все още е доста силен в ресторантьорския бизнес. Wildflower извежда задната част с доста слаб сайт, който наистина може да използва цялостно препроектиране от земята нагоре.

И така, какъв е смисълът тук? Защо да гледате тези три сайта? Защото те отлично илюстрират как различните проекти с една и съща цел могат да протичат толкова различно в зависимост от таланта и ресурсите на хората, които участват. И трите от тези фирми са популярни, успешни ресторанти, които могат абсолютно да си позволят да създадат силно присъствие в мрежата.

Използвайте това като урок за собствените си проекти, особено ако работите в екип. Можете ли да съберете ресурсите си и да се окажете нещо, с което наистина можете да се гордеете или нещо ви стои на пътя? Има ли нещо от споменатите по-горе неща или нещо друго? Кажете ни по-долу.

Също така не забравяйте да ни кажете за любимите си бързи ежедневни ресторанти и как уебсайтовете им се подреждат спрямо тези по-горе.