Snabbmatrestauranger är notoriskt dåliga med webbdesign, men den framväxande marknaden av? Snabba casual? matställen hittills visar sig vara mycket bättre på detta område.
Idag ska vi titta på nätet på webbplatserna för några av de mest populära snabbrestaurangerna för att se vem som gör det bästa arbetet och vad vi kan lära av dem. Varning: det här inlägget kommer att göra dig hungrig!
Qdoba
Den första webbplatsen vi kommer att slå upp är Qdoba.com, hemsidan för en restaurang som serverar några läckra burritor och andra sydvästra erbjudanden. Det är mycket som Chipotle, som vi redan tittat på i ett annat inlägg. Här är en titt på rubriken:
Än så länge är allt bra! Jag gillar verkligen juxtapositionen av typografi och fotografi. Designen är stor och djärv, men ändå frisk och vänlig. Det fångar perfekt restaurangen och porträttar en bra blandning av glada människor och god mat.
Stark Branding
Deras nuvarande varumärkesstrategi är att Qdoba är mat för människor som älskar mat.? Denna idé drivs över hela webbplatsen, även på interaktiva sätt. Kupongsidan behandlar till exempel det sista ordet som ett? Fyll i tomt? där du skriver in vad du älskar och tjänar olika kuponger baserat på ditt val av ord.
Detta är ett bra psykologiskt trick. De tvingar mig subtilt att skapa förbindelser med varumärket genom att associera det med saker som jag älskar. Återigen förstärks detta av alla de leende ansikten som du ser sammanvävda med matfoton.
? De tvingar mig subtilt att skapa förbindelser med varumärket genom att associera det med saker som jag älskar.?Meny
En annan sak som jag verkligen gillar om Qdoba.com är menypresentationen, vilket är absolut en av de viktigaste fasetterna för vilken restaurangwebbplats som helst. Varje objekt är ordentligt inrättat i ett galler med attraktivt, högkvalitativ matfotografi och ren text.
Hemsida Innehåll
När jag besöker webbplatsen för en restaurang finns det typiskt två primära saker som jag vill göra: kolla in menyn och ta reda på hur man får lite mat. Denna senare åtgärd innebär vanligtvis antingen att beställa online eller slå upp ett telefonnummer och adress.
? När jag besöker webbplatsen för en restaurang finns det typiskt två primära saker som jag vill göra? ?Qdoba hanterar ganska mycket allt detta direkt från hemsidan och därigenom knackar innehållsplatsen bekvämlighet ut ur boll parken. På toppen av sidan presenteras du för restaurangen och berättade för att få tag på några kuponger. När du rullar ner lite ser du menyalternativen med länkar till näringsinformation. Slutligen, när du träffar längst ner på sidan, ser du en karta över de platser i ditt område.
Det enda viktiga målet som inte uppnås direkt på hemsidan är att beställa online, och det här alternativet finns längst upp till höger på skärmen (bästa fastigheten för att bläddra i ögonen) i en beständig rubrik som stannar kvar med dig när du bläddrar.
Responsive Boot
Det är fantastiskt att se stora företag hoppar ombord på den lyhörda bandvagnen. Qdoba.com reagerar ganska bra på olika visningsstorlekar.
Vad lärde vi oss?
Qdoba.com har mycket bra designlektioner för att lära oss, vars viktigaste är förmodligen kraften i stark branding. De överensstämmer med deras färgpalett, typografi och fotografi, som alla sammanfogar för att skapa en unik identitet som kunderna kan identifiera med. Kombinationen av glada människor och utsökta matskott är försökt och sant och har serverat restauranger trogen i årtionden.
? De överensstämmer med deras färgpalett, typografi och fotografi, som alla sammanfogar för att skapa en unik identitet som kunderna kan identifiera med.?Det finns också två andra bra lektioner på jobbet här. För det första är lyhörd design inte bara ett roligt trick för webbdesignersportföljer. Företagslivet kan och bör omfamna det öppet eftersom det betyder en bättre upplevelse för fler kunder.
Slutligen, överväg alltid varför majoriteten av dina besökare kommer till din webbplats och gör ditt bästa för att tillgodose dessa åtgärder. Nästan allt som de flesta människor vill göra på Qdoba.com kan utföras via hemsidan.
Pei Wei
Nästa upp på den snabba casual tour är en annan av mina personliga favoriter: Pei Wei, en restaurang som serverar läckra förrätter från ett antal asiatiska kulturer. Det är den snabba casual småbror till den mer formella P. F. Chang s. Här är hemsidan:
Färg
Det första jag märker om Pei Weis webbplats är färg; djärv, vacker färg. Paletten är väldigt mörk och varm, det föreslår kryddig, rik smak som får min mun att vattna för lite honungssoppa kyckling.
Den sanna saken här är att dessa färger troligen dras direkt från den mat som Pei Wei serverar, ett knep som Qdoba också använde.
Varje gång du försöker utveckla ett färgschema för ett företag, kom alltid ihåg att du ofta behöver se längre än deras produktlinje.
? Den snygga saken här är att dessa färger sannolikt dras direkt från den mat som Pei Wei serverar?Det handlar om maten
Med Pei Wei finns det en helt annan teknik än vad vi såg på Qdobas webbplats. Här är estetiken 100% om maten. Överallt ser du ut ett annat vackert matskott.
Jag tittade ett ögonblick på webbplatsen för att se om jag kunde hitta ett foto av en person, så långt jag kan säga, det finns inte några. Det kommer som mindre personligt och inbjudande, men jag tror att de drar det ganska bra. Om de någonsin gör ett stort rebrand, skulle jag inte bli förvånad över att se dem närma sig den med en mer vänlig, mänsklig känsla.
Saker jag inte gillar
Sammantaget har Pei Wei en ganska stark plats, men det finns några saker som jag inte är galen på ur ett designperspektiv.Först och främst finns det mycket fångat, besvärligt negativt utrymme som är resultatet av en lite rörig layout. Det är inte hemskt, men det kan bli lite distraherande.
Det värsta brottet i min bok är menyn, som ser ut så här:
Som du kan se är det bara en tråkig textbaserad meny. Varje maträtt har faktiskt ett vackert medföljande produktskott, men det är gömt tills du klickar på det. Det fina är att du sparar på sidladdningstider, men nackdelen är att det inte gör mig hungrig! Och kom ihåg, hungriga människor är din målgrupp här.
? Det fina är att du sparar på sidladdningstider, men nackdelen är att det inte gör mig hungrig !?Jag tror definitivt att menysidan måste redesignas för att bättre utnyttja alla de läskande bilderna som de uppenbarligen har. Du behöver inte nödvändigtvis visa alla bilder hela tiden, men det kan säkert vara gjort för att leva upp det lite.
Vad lärde vi oss?
Från Pei Wei lär vi oss mycket om hur man ska designa med matfotografering. Vi såg att matfoton är en rik källa till färgpaletter som hjälper till att knyta varumärkets identitet med produkten. Vi såg också hur mycket synd det är att gömma dessa bilder när det gäller presentationen av menyn.
Wildflower Bröd Company
Den sista snabba casual restaurangen som vi ska ta en titt på är Wildflower Bread Company, en enstansbutik för läckra bakverk, smörgåsar och pasta.
Jag valde denna kedja baserat på det faktum att deras butiker är faktiskt väldigt bra. Vackra skyltar, bra färger, fantastiska möbler och gratis wifi! Det är ett bra ställe att ta en förlängd arbets lunch.
Tyvärr verkar det som att den fantastiska designen inte sträcker sig till webben. Här är deras hemsida som den visas på min MacBook:
Innehållet här är bara så? små. I en värld där lyhörd webbdesign maximerar användningen av varje skärm, känns bergets tomma utrymme här bara som ett hemskt avfall.
? I en värld där lyhörd webbdesign maximerar användningen av varje skärm, känns bergets tomma utrymme här bara som ett hemskt avfall. ?Hela webbplatsen känns som en liten del av ett hodge-podge av spridda innehåll, marknadsföringsmeddelanden, bilder och text som helt enkelt inte uppfyller normerna för de fysiska byggnaderna.
Skriv ut? webb
Wildflower Bread Company har känslan av ett företag med ett stellartryckdesignteam och ett litet, dåligt stödjande webbteam. Liksom många företag tillbaka i början av 00-talet kämpar de för att överföra sitt varumärke till webben eftersom det är ett annat medium.
Åter och åter ser jag delar av denna design som säger att det är lite mer än en port av något skapat för tryck. Menyn är ett perfekt exempel på denna typ av tänkande:
Där stycken är dåligt anpassade med mycket smala bredder, noll visuell förstärkning och obekväma raster. Inte exakt ett lysande exempel på webtypografi. Typproblemen kvarstår på hela webbplatsen, kolla in den överraskande smala bredden av mittkolumnen med texten nedan:
Massor av läsning
I stället för den stora, attraktiva matfotograferingen som vi såg på de andra två platserna, ger vi dig stycken. Långa, oavbrutna sidor med text tjänade som primärt innehåll.
Återigen är detta ett direkt resultat av att helt enkelt inte förstå hur människor surfar på webben. Jag ska inte läsa detta, nästan ingen annan kommer heller. Om du braggar på dina bakade varor, skära det här till en enda punkt och visa mig läckra utseende.
? Detta är ett direkt resultat av att helt enkelt inte förstå hur människor surfar på webben.?Vad lärde vi oss?
En uppenbarelse här är att snabba vardagliga restauranger är inte alla bra. Visserligen har jag varit ganska hård på fattiga Wildflower här, men enkel sanning är att jag bara ska äta på en plats till middag ikväll och om jag bläddrar menyerna på dessa tre platser för att hjälpa mig att bestämma, andra två slå Widlflower varje gång.
Den stora lektionen jag upprepade om och om igen är att webben inte är en interaktiv broschyr. Det är ett helt annat medium som kräver en helt annan uppsättning designkunskaper och utmaningar. Det verkar kontraintuitivt, men ett företag som är känt för en bra "verklig värld"? designen kan verkligen suga på webbdesign.
Qdoba vs Pei Wei vs. Wildflower
Helt ovanligt började hemsidorna ovan starka och gick nedförsbacke därifrån. Qdoba var överlägset min favorit med sin underbara bild, responsiva layout och fantastisk branding. Pei Wei var visserligen lite svagare men totalt sett fortfarande en ganska stark visning i restaurangbranschen. Wildflower tar upp baksidan med en ganska svag plats som verkligen kan använda en komplett redesign från grunden.
Så vad är poängen här? Varför titta på dessa tre sidor? Eftersom de perfekt illustrerar hur olika projekt med samma mål kan gå så olika beroende på talang och resurser hos de involverade. Alla tre av dessa företag är populära, framgångsrika restauranger som absolut har råd att bygga en stark närvaro på nätet.
Använd detta som en lektion för dina egna projekt, speciellt om du arbetar i ett lag. Kan du dra dina resurser tillsammans och visa ut något som du verkligen kan vara stolt över eller står något i vägen? Är det någon av de ovan nämnda sakerna eller något annat? Låt oss veta nedan.
Också vara säker på att berätta om dina favorit snabba casual restauranger och hur deras webbplatser staplar upp mot ovanstående.