İyi Tasarım Tat Testi: Üç Hızlı Günlük Restoran Web Sitesi Karşılaştırıldı

Fast food restoranları web tasarımı ile çok kötüdür, ancak şu ana kadar gelişen “fast casual” atılmış pazar bu alanda daha iyi olduğunu kanıtlamaktadır.

Bugün, kimin en iyi işi yaptığını ve onlardan neler öğrenebileceğimizi görmek için en popüler hızlı gündelik restoranlardan bazıları için web sitelerinde web'e bakacağız. Uyarı: bu yazı sizi aç edecek!

Tasarım Kaynaklarını Keşfedin

Qdoba

İlk çıkacağımız site, lezzetli burritolar ve diğer güneybatı teklifleri sunan bir restoranın ana sayfası olan Qdoba.com'dur. Zaten başka bir gönderide baktığımız Chipotle'a çok benziyor. İşte başlığa bir bakış:

Çok uzak çok iyi! Tipografi ve fotoğrafçılığın birleşiminden gerçekten hoşlanıyorum. Tasarım, büyük ve cesur, ama taze ve dostça. Mükemmel restoran hissini yakalar ve mutlu insanlar ve lezzetli yemeklerin iyi bir karışımını gösterir.

Güçlü Markalaşma

Mevcut marka stratejileri, Qdoba'nın “yemeği seven insanlar için yiyecek” olduğudur. Bu fikir interaktif yollarla bile sitenin her yerine yayılıyor. Örneğin kupon sayfası, son kelimeyi, sevdiğiniz şeyleri yazdığınız ve kelime seçiminize göre farklı kuponlar kazandığınız bir “boş alanı doldurun” olarak kabul eder.

Bu harika bir psikolojik hile. Ustaca sevdiğim şeylerle ilişkilendirerek markayla bağlantı kurmaya zorluyorlar. Yine, bu, gıda fotoğrafları ile iç içe gördüğün tüm gülümseyen yüzler tarafından destekleniyor.

“Beni sevdiğim şeylerle ilişkilendirerek markayla bağlantı kurmaya zorlanıyorlar.”

Menü

Qdoba.com hakkında gerçekten sevdiğim başka bir şey, kesinlikle herhangi bir restoran web sitesi için en önemli yönlerden biri olan menü sunumudur. Her öğe, çekici, yüksek anahtar gıda fotoğrafçılığı ve temiz metin ile düzgün bir ızgara halinde düzenlenmiştir.

Ana Sayfa İçeriği

Bir restoran için web sitesini ziyaret ettiğimde, genellikle yapmak istediğim iki temel şey vardır: menüyü kontrol edin ve nasıl yiyecek alabileceğinizi öğrenin. Bu son işlem genellikle çevrimiçi sipariş vermeyi veya bir telefon numarası ve adresi aramayı içerir.

“Bir restoran için web sitesini ziyaret ettiğimde, genellikle yapmak istediğim iki temel şey var…”

Qdoba tüm bunları hemen ana sayfadan hallederek, içerik konum kolaylığını top parkından çalıyor. Sayfanın üst kısmında, restorana tanıtıldınız ve bazı kuponlar almanız söylendi. Biraz aşağı kaydırdığınızda, beslenme bilgilerine bağlantılar içeren menü öğelerini görürsünüz. Son olarak, sayfanın altına bastığınızda, bölgenizdeki konumların bir haritasını görürsünüz.

Ana sayfada tam olarak elde edilemeyen tek büyük hedef çevrimiçi sipariş vermektir ve bu seçenek, ekranın sağ üst köşesinde (gözlere göz atmak için ana emlak), siz kaydırdıkça sizinle birlikte kalan kalıcı bir başlıkta bulunur.

Önyüklemeye Duyarlı

Duyarlı grup vagonunda büyük şirketlerin atladığını görmek harika. Qdoba.com aslında farklı görünüm alanı boyutlarına oldukça iyi yanıt veriyor.

Ne Öğrendik?

Qdoba.com'un bize öğretmek için çok önemli tasarım dersleri var, bunların en önemlisi muhtemelen güçlü markanın gücü. Müşterilerin tanımlayabileceği benzersiz bir kimlik oluşturmak için bir araya gelen renk paletleri, tipografi ve fotoğraflarıyla tutarlılar. Mutlu insanlar ve lezzetli görünümlü yiyeceklerin kombinasyonu denenmiş ve doğrudur ve onlarca yıldır restoranlara sadakatle hizmet etmektedir.

"Renk paleti, tipografi ve fotoğrafla tutarlı, hepsi bir araya gelerek müşterilerin tanımlayabileceği benzersiz bir kimlik yaratmak için bir araya geliyor."

Burada işte başka iki harika ders daha var. İlk olarak, duyarlı tasarım sadece web tasarımcısı portföyleri için eğlenceli bir numara değildir. Şirket dünyası bunu açıkça benimseyebilir ve benimsemelidir çünkü daha fazla müşteri için daha iyi bir deneyim demektir.

Son olarak, her zaman ziyaretçilerinizin çoğunluğunun neden sitenize geldiğini düşünün ve bu eylemlere hitap etmek için elinizden geleni yapın. Çoğu insanın Qdoba.com'da yapmak isteyeceği hemen hemen her şey ana sayfadan gerçekleştirilebilir.

Pei Wei

Sıradaki hızlı turda kişisel favorilerimden biri daha var: Pei Wei, bir dizi Asya kültüründen lezzetli mezeler sunan bir restoran. Daha resmi PF Chang'lerin sıradan küçük kardeşi. İşte ana sayfa:

Renk

Pei Wei'nin sitesi hakkında ilk fark ettiğim şey renk; cesur, güzel renk. Palet çok karanlık ve sıcak, bazı bal katılaşmış tavuk için ağzımı sulama alır baharatlı, zengin lezzet önerir.

Buradaki harika şey, bu renklerin muhtemelen Pedo Wei'nin hizmet ettiği yiyeceklerden, Qdoba'nın da kullandığı bir numaradan çekilmesidir.

Bir şirket için bir renk şeması geliştirmeye çalıştığınız her zaman, genellikle ürün serisinden başka bir yere bakmanıza gerek olmadığını unutmayın.

“Buradaki harika şey, bu renklerin büyük olasılıkla Pei Wei'nin hizmet ettiği yiyeceklerden çekilmesi”

Herşey Yemek Hakkında

Pei Wei ile Qdoba'nın sitesinde gördüğümüzden çok farklı bir teknik var. Burada estetik gıda hakkında% 100'dür. Baktığınız her yer başka bir güzel yemek çekimi.

Bir kişinin fotoğrafını bulabileceğimi görmek için sitede bir süre etrafa baktım, anlayabildiğim kadarıyla yok. Daha az kişisel ve davetkar olarak çıkıyor, ama bence oldukça iyi çekiyorlar. Eğer büyük bir yeniden marka yaparlarsa, onlara daha samimi, insani bir hisle yaklaştıklarını görmek beni şaşırtmaz.

Sevmediğim Şeyler

Genel olarak, Pei Wei'nin oldukça güçlü bir sitesi var, ancak tasarım açısından deli olmadığım bazı şeyler var. Her şeyden önce, biraz dağınık bir düzenin sonucu olan çok sayıda sıkışmış, garip negatif alan var. Korkunç değil, ama biraz dikkat dağıtıcı olabilir.

Kitabımdaki en kötü suç, aşağıdaki gibi görünen menüdür:

Gördüğünüz gibi, sadece sıkıcı bir metin tabanlı menü. Her yemeğin gerçekten eşlik eden güzel bir ürün çekimi var, ancak üzerine tıklayana kadar gizleniyor. Güzel şey, sayfa yükleme sürelerinde kaydetmenizdir, ancak dezavantajı bu beni aç yapmaz! Ve unutmayın, aç insanlar burada hedef kitlenizdir.

"Güzel olan şey, sayfa yükleme sürelerinden tasarruf etmenizdir, ancak dezavantajı bunun beni aç etmemesi!"

Kesinlikle sahip oldukları tüm ağız sulandıran fotoğrafları daha iyi kullanmak için menü sayfasının yeniden tasarlanması gerektiğini düşünüyorum. Her fotoğrafı her zaman göstermek zorunda değilsiniz, ancak mutlaka biraz canlandırmak için bir şeyler yapılabilir.

Ne Öğrendik?

Pei Wei'den gıda fotoğrafçılığı ile nasıl tasarım yapılacağı hakkında çok şey öğreniyoruz. Yemek fotoğraflarının, marka kimliğini ürünle bağlamaya yardımcı olan zengin bir renk paleti kaynağı olduğunu gördük. Ayrıca, menünün sunumu söz konusu olduğunda bu fotoğrafları gizlemenin ne kadar utanç verici olduğunu gördük.

Wildflower Ekmek Şirketi

İnceleyeceğimiz son hızlı rahat restoran, lezzetli pişmiş ürünler, sandviçler ve makarnalar için tek durak olan Wildflower Bread Company'dir.

Bu zinciri, mağazalarının gerçekten iyi tasarlanmış olmasına dayanarak seçtim. Güzel işaretler, harika renkler, harika mobilyalar ve ücretsiz wifi! Uzun bir çalışma öğle yemeği almak için harika bir yerdir.

Ne yazık ki, şaşırtıcı tasarım web'e uzanmıyor gibi görünüyor. MacBook'umda göründükleri gibi ana sayfaları:

Buradaki içerik çok… küçük. Duyarlı web tasarımının her ekranın kullanımını en üst düzeye çıkardığı bir dünyada, burada boş alan dağı korkunç bir atık gibi hissediyor.

“Duyarlı web tasarımının her ekranın kullanımını en üst düzeye çıkardığı bir dünyada, burada boş alan dağı korkunç bir atık gibi geliyor. ”

Tüm site, fiziksel binaların standartlarına uymayan biraz dağınık içerik, pazarlama mesajları, fotoğraflar ve metin gibi bir parça doludur.

Yazdır ≠ Web

Wildflower Bread Company, yıldız baskı tasarım ekibi ve küçük, zayıf desteklenmiş bir web ekibine sahip bir şirket hissine sahiptir. 00'ların başlarındaki birçok işletme gibi, markalarını web'e aktarmak için uğraşıyorlar çünkü bu çok farklı bir ortam.

Tekrar tekrar, bu tasarımın bana bunun baskı için yaratılan bir şeyden biraz daha fazlası olduğunu söyleyen kısımlarını görüyorum. Menü bu tür düşüncenin mükemmel bir örneğidir:

Paragraflar çok dar genişlikler, sıfır görsel pekiştirme ve garip satır sonları ile yanlış hizalanmış. Tam olarak web tipografisinin parlayan bir örneği değil. Tür sorunları site genelinde devam eder, aşağıdaki metnin orta sütununun şaşırtıcı derecede dar genişliğine bakın:

Çok Okuma

Diğer iki sitede gördüğümüz büyük, çekici gıda fotoğrafçılığı yerine, bu size paragraflar veriyor. Birincil içerik olarak sunulan uzun, kesintisiz metin sayfaları.

Yine, bu, insanların web'e nasıl göz attığını anlamamanın doğrudan bir sonucudur. Bunu okumayacağım, neredeyse hiç kimse de yapmayacak. Pişmiş ürünlerinizle övünüyorsanız, bunu tek bir paragrafa kesin ve bana lezzetli görünen ikramlar gösterin.

“Bu, insanların web'e nasıl göz attığını anlamamanın doğrudan bir sonucudur.”

Ne Öğrendik?

Burada bir vahiy, hızlı rahat yemek sitelerinin hepsi harika değildir. Kuşkusuz, buradaki fakir Wildflower'a oldukça sert davrandım, ancak basit gerçek şu ki, bu akşam akşam yemeği için sadece bir yerde yemek yiyeceğim ve karar vermeme yardımcı olması için bu üç sitenin menülerine göz atarsam, diğer ikisi her zaman Widlflower yendi.

Tekrar tekrar yaptığım büyük ders, web'in etkileşimli bir broşür olmaması. Tamamen farklı bir tasarım becerilerini ve zorluklarını gerektiren tamamen farklı bir ortam. Bu mantıksız görünüyor, ancak iyi "gerçek dünya" tasarımı ile bilinen bir şirket gerçekten web tasarımını emebilir.

Qdoba ve Pei Wei vs. Wildflower

Tamamen tesadüfen, yukarıdaki web siteleri güçlü başladı ve oradan yokuş aşağı gitti. Qdoba, muhteşem görüntüleri, duyarlı düzeni ve harika markasıyla benim favorim oldu. Pei Wei kuşkusuz biraz zayıftı ama genel olarak restoran işinde hala oldukça güçlü bir gösteri. Wildflower, zeminden tamamen yeniden tasarım yapabilen oldukça zayıf bir site ile arkaya çıkıyor.

Peki burada ne var? Neden bu üç siteye bakalım? Çünkü aynı hedefe sahip farklı projelerin, ilgili kişilerin yeteneklerine ve kaynaklarına bağlı olarak nasıl bu kadar farklı olabileceğini mükemmel bir şekilde gösteriyorlar. Bu işletmelerin üçü de, güçlü bir web varlığı oluşturmayı kesinlikle göze alabilecek popüler, başarılı restoranlardır.

Bunu, özellikle bir ekipte çalışıyorsanız, kendi projeleriniz için bir ders olarak kullanın. Kaynaklarınızı bir araya getirip gerçekten gurur duyabileceğiniz bir şey ortaya çıkarabiliyor musunuz veya bir şey yolunuza çıkıyor mu? Yukarıda belirtilenlerden herhangi biri mi yoksa başka bir şey mi? Aşağıda bize bildirin.

Ayrıca bize en sevdiğiniz hızlı rahat restoranlar ve web sitelerinin yukarıda olanlar karşı nasıl yığın hakkında anlattığınızdan emin olun.

© Copyright 2024 | computer06.com