Lær ved eksempel: 6 leksjoner for utforming av restaurant- og matnettsteder
Dagens tema er et deilig tema: restaurant- og matnettsteder. Små bedrifter betaler regningene for frilansdesignere, og lokale restauranter kan tjene som en viktig inntektskilde. Hvis du tar fatt på det første restaurantnettdesignet ditt, er det et par ting du bør vite.
I denne artikkelen lærer vi som et eksempel når vi tar en titt på mange nærliggende mat- og restaurantnettsteder. Ved å undersøke hva disse designerne hadde rett, vil du bidra til å sikre din egen suksess på dette området.
Utforsk designressurser
Fotografering er alt
Nettsted: The Claw Bar
Jeg er klar over at dette høres ut som et teppeuttalelse eller kanskje hyperbole, men jeg er ganske alvorlig. Med restaurantnettsteder er "søppel inn, søppel ut" aforisme ganske passende. Hvis du jobber med stygge matskudd, er du dømt fra begynnelsen.
Som besøkende på en restaurantnettsted er det sannsynlig at min viktigste interesse blir mat. Du må selge meg på produktet, og fotografering er måten å gjøre det på. Trikset er at matfotografering er veldig vanskelig, så du kan ikke ta den billige veien ut hit. Fotografering av dårlig mat kan gjøre mer skade enn godt.
Kilde: venstre foto og høyre foto
Jobben din som designeren er å overbevise klienten om å virkelig investere i noen flotte bilder hvis de ikke allerede har noen. Hvis du også er en fotograf, kan dette til og med tjene deg noen ekstra kroner.
Omtrent hver side i denne artikkelen tar dette råd, men her er noen få som gjorde det spesielt bra:
Findus Norge
Cappellos
Culinaria
Vis meg atmosfære
Nettsted: Au Petit Panisse
Når du tenker på det visuelle for nettstedet, kan du bli fristet til å tenke rent på mat. Imidlertid er den sekundære trekningen for en restaurant, pokker for mange mennesker den viktigste trekningen for en restaurant, stemningen. Jeg kan få en god burger hvor som helst, men jeg vil spise en burger på et sted som er fantastisk!
Det er så mye usikkerhet rundt det å prøve et nytt sted å spise. Hvis jeg virkelig kan få en følelse av stedet på nettstedet, så vil jeg føle meg mer trygg på beslutningen min om å spise der. Fra et praktisk synspunkt er det ofte slik at ett bilde av atmosfære og dekor gir meg en god ide for stedets generelle kleskode. Vil du som eksempel kle deg ut til restauranten som er vist ovenfor? Hva med denne?
Nettsted: Roux på parlamentsplassen
Utnytt strukturen og fargen tungt
Nettsted: Gilt Taste
Et kraftig verktøy du har til rådighet når du designer et matrelatert nettsted er tekstur. Topp designere i denne nisjen bruker mange realistiske strukturer på nettstedene sine. Gilt Taste, siden ovenfor, er et godt eksempel. Hjemmesiden er full av forskjellige strukturer, både i frittstående bilder og som bakgrunn for type.
Som et annet eksempel, her er en liten, beskåret del av et restauranttema fra ThemeForest. Legg merke til hvor mange teksturer du kan finne i dette lille området!
Nettsted: Victoria Restaurant Theme
Valg av farger er ekstremt viktig for matnettsteder. Farge er med på å stille stemningen og forbedrer lokkingen. Ikke vær redd for å bruke lyse farger, og dra alltid rett fra maten når det er mulig for å binde alt sammen fint.
Nettsted: Gåsehud
Bryte det ned
Nettsted: Food Sense
Et annet solid tips for å jobbe med matfotografering: folk er fascinert av prosessen. Kunsten å ta rå ingredienser og gjøre dem om til deilige retter er noe som trekker oss alle inn.
Videre er det bare å vise ferske ingredienser at maten føles sunnere og mer appetittvekkende. Ingen liker å tro at restauranten sendte den lasagnen inn på en lastebil. De vil se tomater!
Nettsted: Delicioso
Nettsted: Gåsehud
Bygg tilpassede menyer for Internett
Vet du hva min største peeve er med restaurantnettsteder? Menyene. Oftere enn ikke tilbyr denne delen av nettstedet en fryktelig brukeropplevelse. Jeg kryper hver gang jeg bestiller fra Paradise Bakery online:
Nettsted: Paradise Bakery
I stedet for å gå gjennom bryet med å faktisk lage en meny på nettstedet deres, lastet de bare opp en million skanninger av den fysiske menyen som jeg så må bla gjennom en frikende side om gangen. Hvis du klikker på alternativet for å laste ned PDF-filen, får du bokstavelig talt den flate PDF-illustrasjonen som de sender til skriveren for å lage sine sammenleggbare menyer. Jeg gjør ikke opp dette:
Denne tingen er så stor at du må zoome inn på små porsjoner og deretter panorere rundt til du finner det du vil ha. Det er en utrolig dårlig måte å presentere en meny for brukere av nettstedet.
Hvis du tenker på å kaste en PDF av utskriftsmenyen og kalle den en dag, kan du stoppe det du gjør og gi deg selv en hard smell i ansiktet. Slutt å være så lat og gjør jobben din. Hvis du leter etter et solid eksempel, sjekk Kuletos meny nedenfor:
Nettsted: Kuleto's
Denne menyen bruker et fantastisk og brukervennlig tresøylesystem for å begrense valgene dine. Først velger du måltidet (frokost, lunsj, middag osv.), Deretter en kategori, og du får presentert alternativene i den kategorien. Når som helst er det enkelt å avgrense valget eller endre opp.
Hvis du vil ha en enklere rute, sjekk ut The Claw Bar. Nettmenyen deres bruker metaforen til en utskriftsmeny, men den bruker fremdeles levende tekst og er formatert for nettet.
Nettsted: The Claw Bar
Ikke glem det grunnleggende
Det er ganske enkelt å bli fanget opp med alle rådene over at du glemmer de mest grunnleggende elementene i webdesign. Husk at du med ethvert nettdesign alltid bør vurdere målene til den gjennomsnittlige brukeren nøye.
For en restaurant kan du stort sett garantere at de besøkende vil ha noen spesifikke opplysninger:
- Hva serverer de? (meny og grafikk)
- Hvor mye koster det? (Meny)
- Hvordan er stedet? (grafikk og video)
- Hvor er det?
- Kan jeg bestille eller bestille online?
- Hva er telefonnummeret?
Som du kan se, har vi tatt opp de fleste hovedmålene allerede i tipsene ovenfor. Den grunnleggende informasjonen om kontakt og bestilling er imidlertid en viktig bekymring som vi ikke har berørt. Jeg er en fast tro på at kontakt- og posisjonsinformasjon er ekstremt høyt prioritert for restaurantens nettsted, så denne informasjonen bør være på hjemmesiden på et fremtredende sted.
I malen nedenfor er det et stort, iøynefallende kart rett i bunnteksten (sannsynligvis det første du vil tenke deg å se). Rett ved siden av kartet ligger all kontaktinformasjonen du trenger: e-post, telefonnummer, sosiale koblinger, etc.
Nettsted: Restauranttema
Leksjonen her: aldri la brukerne jakte på grunnleggende informasjon, fordi du er bekymret for at det ødelegger det pene designet ditt. Din jobb er å fremheve og presentere viktig informasjon på en attraktiv og brukbar måte, ikke å lage et nettsted som ser bra ut på bekostning av formålet.
Vis oss dine favoritter!
Nå som du har sett eksemplene våre på de beste mat- og restaurantnettstedene vi kunne finne, sjekk inn og vis oss dine favoritter. Eller enda bedre, vis oss restaurantene som virkelig savner merket og kaster ideer til forbedring.
