Naučite prema primjeru: 6 lekcija za dizajn web stranica restorana i hrane
Današnja tema je ukusna: web stranice s restoranom i hranom. Mala poduzeća plaćaju račune freelancerima, a lokalni restorani mogu poslužiti kao glavni izvor prihoda. Ako se upuštate u dizajn svog prvog restorana, trebate znati nekoliko stvari.
U ovom ćemo članku naučiti na primjeru dok pregledavamo puno web stranica s hranom za usta i restorana. Ispitujući što su ovi dizajneri uspjeli ispravno pomoći ćete osigurati vlastiti uspjeh u ovom području.
Istražite dizajnerske resurse
Fotografija je sve
Web mjesto: Barka sa kandžama
Shvaćam da to zvuči poput pokrivača ili možda čak i hiperbole, ali prilično sam ozbiljna. Za restoranske stranice aforizam "smeće unutra, smeće van" sasvim je prikladan. Ako radite s ružnim snimcima hrane, od početka ste osuđeni na propast.
Kao posjetitelj web stranice restorana, moj glavni interes će vjerojatno biti hrana. Morate me prodati na proizvodu, a fotografija je način da to učinite. Trik je u tome što je fotografiranje hrane vrlo teško, tako da ovdje ne možete uzeti jeftini put. Loša fotografija hrane može učiniti više štete nego koristi.
Izvor: lijeva fotografija i desna fotografija
Vaš posao dizajnera je uvjeriti klijenta da zaista uloži u sjajne fotografije ako ih već nemaju. Ako ste i fotograf, ovo bi vam moglo zaraditi i nekoliko dodatnih dolara.
Savjeti se odnose na svaku web stranicu u ovom članku, no evo nekoliko njih koje su posebno dobre:
Findus Norge
Cappellos
Culinaria
Pokaži mi atmosferu
Web lokacija: Au Petit Panisse
Kada razmišljate o vizualnim prilikama web mjesta, možda ćete doći u napast da razmišljate isključivo o hrani. Međutim, sekundarno izvlačenje za restoran, jel za mnoge ljude primarni izvlačenje za restoran, je atmosfera. Mogu dobiti sjajan hamburger bilo gdje, ali želim jesti hamburger na mjestu koje je strašno!
Tolika je neizvjesnost povezana s pokušajem novog mjesta za jelo. Ako zaista mogu osjetiti mjesto na web stranici, tada ću se osjećati sigurnijom u svoju odluku da tamo jedem. S praktičnog stajališta, često se događa da mi jedna fotografija atmosfere i dekora daje dobru ideju za opći dress code mjesta. Možete li se, primjerice, odjenuti za gore prikazani restoran? Što kažete na ovaj?
Mjesto: Roux na Parlamentarnom trgu
Snažno iskoristite teksturu i boju
Web mjesto: pozlaćeni ukus
Snažan alat koji vam stoji na raspolaganju prilikom dizajniranja bilo kojeg web mjesta vezanog za hranu je tekstura. Vrhunski dizajneri u ovoj niši koriste tonove realističnih tekstura na svojim web lokacijama. Gilt Taste, gore navedeno mjesto, odličan je primjer. Početna stranica puna je različitih tekstura, kako u samostalnim fotografijama, tako i kao pozadine za tip.
Kao još jedan primjer, evo malog, ošišanog dijela teme restorana iz ThemeForesta. Primijetite koliko tekstura možete pronaći u ovom malom području!
Web lokacija: Tema restorana Victoria
Izbor boja izuzetno je važan za web stranice s hranom. Boja pomaže u raspoloženju i pojačava zadovoljstvo. Ne bojte se koristiti svijetlih boja i uvijek povlačite pravo iz hrane kad je sve moguće kako biste sve lijepo povezali.
Web mjesto: Goosebumps
Slomi to
Web lokacija: Hrana Sense
Još jedan solidan savjet za rad s fotografijom hrane: ljudi su fascinirani procesom. Umijeće uzimanja sirovih sastojaka i pretvaranja u ukusna jela nešto je što nas sve privlači.
Nadalje, samo prikazivanje svježih sastojaka čini hranu zdravijom i ukusnijom. Nitko ne misli pomisliti da je restoran tu lazanje stavio u kamion. Žele vidjeti rajčice!
Web lokacija: Delicioso
Web mjesto: Goosebumps
Izradite prilagođene izbornike za web
Znate koji je moj najveći peeve s web stranicama restorana? Jelovnici. Ovaj dio web stranice često pruža užasno korisničko iskustvo. Klanjam se svaki put kad naručim iz Paradise Bakery na mreži:
Mjesto: Pekara Paradise
Umjesto da prođemo kroz probleme sa stvaranjem izbornika na njihovoj web stranici, upravo su prenijeli milijun skeniranja svog fizičkog izbornika koje onda moram prosijati kroz jednu otkačenu stranicu. Ako kliknete opciju za preuzimanje PDF-a, doslovno dobijate ravna PDF djela koja šalju na pisač da stvore svoje preklopljive izbornike. Ne stvaram ovo ljudi:
Ova je stvar toliko velika da morate zumirati male dijelove, a zatim se pomicati dok ne pronađete ono što želite. To je nevjerojatno loš način za prezentaciju izbornika korisnicima web stranica.
Ako razmišljate o tome da dignete PDF u izbornik ispisa i nazovete ga na dan, prestanite s onim što radite i priuštite si snažan udarac. Prestani biti tako lijen i radi svoj posao. Ako tražite dobar primjer, pogledajte Kuletov izbornik u nastavku:
Web lokacija: Kuleto
Ovaj je izbornik fenomenalan i jednostavan za korištenje sustav s tri stupaca kako bi suzio svoje odabire. Prvo odaberete svoj obrok (doručak, ručak, večera itd.), Zatim kategoriju i prikazuju vam se opcije unutar te kategorije. U bilo kojem trenutku lako je pročistiti svoj izbor ili promijeniti stvari.
Ako želite jednostavniju rutu, potražite The Claw Bar. Njihov web izbornik koristi metaforu izbornika za ispis, ali on i dalje koristi tekst uživo i formatiran je za web.
Web mjesto: Barka kandži
Ne zaboravite osnove
Prilično je lako biti toliko uhvaćeni u sve gore navedene savjete da zaboravljate najosnovnije elemente bilo kojeg web dizajna. Zapamtite da pri svakom dizajnu web mjesta uvijek pažljivo trebate razmotriti ciljeve prosječnog korisnika.
Za restoran možete prilično jamčiti da će posjetitelji željeti nekoliko specifičnih informacija:
- Čemu služe? (izbornik i grafika)
- Koliko to kosta? (izbornik)
- Kakvo je mjesto? (grafika i video)
- Gdje je?
- Mogu li naručiti ili rezervirati on-line?
- Koji je telefonski broj?
Kao što vidite, većinu glavnih ciljeva odgovorili smo već u gornjim savjetima. Međutim, osnovni podaci o kontaktima i naručivanju primarna su briga kojih se nismo dotakli. Čvrsto vjerujem da su podaci o kontaktima i lokaciji izuzetno visoki prioritet web mjestu restorana, pa bi te informacije trebale biti na početnoj stranici na istaknutom mjestu.
U predlošku u nastavku nalazi se velika, privlačna karta točno u podnožju (vjerojatno prvo mjesto na koje biste pomislili). Odmah do karte nalaze se svi podaci za kontakt koji su vam potrebni: e-pošta, telefonski broj, društvene veze itd.
Web lokacija: Tema restorana
Pouka ovdje: nikad nemojte natjerati korisnike da traže osnovne informacije, jer se brinete zbog toga što će zabrljati vaš lijepi dizajn. Vaš je posao istaknuti i predstaviti važne informacije na atraktivan i upotrebljiv način, a ne da web stranicu učinite dobro na štetu svoje svrhe.
Pokažite nam svoje favorite!
Sada kada ste vidjeli naše primjere najboljih mjesta za hranu i restorane koje smo mogli pronaći, ukrcali se i pokažite nam svoje favorite. Ili, još bolje, pokažite nam restorane koji zbilja nedostaju marki i bacaju ideje za poboljšanje.
