OMDESIGN AV HEMSIDA FÖR RESTAURANGEN BASTARDO
En ny restaurang behövde en hemsida som hjälpte gäster rätt och fångade restaurangens identitet. Jag designade en tydlig och användarvänlig sida där det är enkelt att navigera, boka bord och känna sig välkommen redan online.
PROBLEMET
Restaurangen hade fått ett uppsving efter positiva recensioner, vilket ledde till många nya besökare på hemsidan. Men istället för att förstärka intresset skapade sidan nya problem och flera gäster hörde av sig med frågor.
Hemsidan var byggd utan UX-design och bestod av en enda startsida utan struktur eller undersidor. Innehållet konkurrerade om uppmärksamheten, och bristande tillgänglighet gjorde upplevelsen ännu svårare. På mobil tappade bilder skärpa och kontraster, vilket gjorde texten svårläst. Knapparna varierade i storlek och saknade tydlig hierarki, och designen var främst anpassad för desktop trots att majoriteten av besökarna använde mobil.
Kort sagt: restaurangen hade ett bra erbjudande och stort intresse, men hemsidan lyckades inte förmedla det på ett tydligt, användbart och tillgängligt sätt.
TIDSLINJE
Jag utförde uppdraget under en vecka.
ROLL
UX-designer.
MÅL
En tydlig och lättnavigerad hemsida i linje med restaurangens varumärke.
MIN ROLL
I det här projektet ansvarade jag för att förbättra struktur, innehåll och användarflöde. Målet var att skapa en webbupplevelse som speglade restaurangens identitet och samtidigt gjorde det enkelt för gästerna att hitta rätt information.
Jag gick in med ett utifrånperspektiv: vad behöver en potentiell gäst veta, i vilken ordning, och hur kan vi göra det så tydligt och inbjudande som möjligt?
Min roll omfattade både strukturering av innehåll och rekommendationer för visuell enhetlighet, till exempel att alla knappar skulle ha samma form, storlek och placering beroende på syfte. Jag använde min kunskap inom tillgänglighet och WCAG för att höja användbarheten, bland annat genom förbättrade kontraster, tydligare visuella hierarkier och en mobilanpassad design.
Genom hela processen hade jag en nära dialog med restaurangens team för att förankra lösningarna. På så sätt kunde jag skapa tydlighet för gästerna samtidigt som webbplatsen förmedlade restaurangens identitet.
FÖRSTÅ ANVÄNDAREN
För att kunna förbättra upplevelsen behövde jag förstå vad som var förvirrande för gästerna. Det handlade inte bara om design, utan om att lyssna, ställa rätt frågor och se webbplatsen med nya ögon.
Jag började med att prata med restaurangchefen, som dagligen mötte gästers frågor via telefon och mejl. Det blev snabbt tydligt att många undrade samma saker: vilken meny som gällde, hur man bokade bord och hur man bokade chambre séparée.
Jag analyserade även feedback från sociala medier och mejl efter de positiva recensionerna. Ett återkommande tema var att sidan upplevdes som rörig och att viktig information var svår att hitta.
För att komplettera bilden gjorde jag en konkurrensanalys av andra restaurangers sidor och testade hemsidan själv på både mobil och desktop. På så sätt kunde jag kartlägga var flödet bröts eller blev onödigt krångligt.
Tillsammans gav detta mig en tydlig förståelse för användarnas perspektiv och en stabil grund för de förbättringsförslag jag tog fram.
Synlighet vid första sökning
Jag arbetade med grundläggande SEO för att göra det lätt att hitta restaurangen via Google, med tydliga sidtitlar, beskrivningar och en logisk struktur. Resultatet: fler gäster hittar dit, både digitalt och fysiskt.
PROCESSEN I DETALJ
För att hitta rätt lösning behövde jag förstå både restaurangens behov och gästernas perspektiv. Genom en strukturerad process tog jag steg för steg fram en hemsida som både känns inbjudande och fungerar i praktiken.
Steg i processen
-
Nulägesanalys: Intervjuer med restaurangchefen gav insikt om gästernas vanligaste frågor och att hemsidan upplevdes som rörig och svårnavigerad.
-
Konkurrensanalys: Jämförde andra restaurangers hemsidor och identifierade tre centrala behov: boka bord, hitta menyn och se praktisk information (öppettider och adress).
-
Wireframes och struktur: Skissade i Figma för att visualisera innehåll och användarflöden. Skisserna användes som diskussionsunderlag tillsammans med restaurangen.
-
Visuell design: Utgick från logotyp och bildmaterial för att skapa en digital identitet som fungerade som en ”entré” till restaurangen.
-
Tillgänglighet och WCAG: Säkerställde kontraster, hierarkier och mobilanpassning för att sidan skulle vara användbar för alla.
-
Iteration & testning: Testade sidan löpande själv och med andra. Justerade innehåll och layout utifrån feedback.
-
Lansering och uppföljning: Efter lansering följde jag upp med restaurangen och gjorde mindre förbättringar baserat på deras erfarenheter och gästernas feedback.
VIKTIGA LÄRDOMAR OCH INSIKTER
Första intrycket sätter tonen
En restaurangupplevelse börjar inte vid bordet – den börjar digitalt. Hemsidan sätter förväntningarna: är det lätt att boka, känns miljön rätt, verkar servicen genomtänkt? När det digitala mötet stämmer med det fysiska, bygger vi förtroende redan från start.
Restaurangens identitet syns direkt
Tillgänglighet gynnar alla
En design som alla kan använda är inte bara rätt – den är smart. Genom att möta fler behov, även tillfälliga funktionsnedsättningar, blir sidan enklare för alla. Det betyder också fler gäster och bättre bokningsflöde.
Viktig information i footern
Självständigt arbete kräver struktur och disciplin
Jag var ensam UX-designer utan team eller utvecklare, vilket lärde mig vikten av tydlig planering, prioritering och självständighet. Samtidigt sökte jag regelbundet feedback från kunden för att säkerställa att lösningarna verkligen mötte deras behov. Det stärkte min förmåga att driva hela UX-processen själv.
Bilder med beskrivande alt-texter
TITLE OF THE CALLOUT BLOCK
LÄRDOMAR
Det här projektet lärde mig värdet av att lyssna, vikten av en tydlig struktur och varför tillgänglighet alltid måste vara en självklar del av designen.
En viktig lärdom var hur viktigt det är att lyssna – inte bara på användarna, utan också på de som möter dem varje dag. Samtalet med restaurangchefen gav ovärderliga insikter om gästers behov och beteenden.
Jag insåg också att förenkling inte betyder att göra något tråkigt. Utmaningen låg i att skapa ordning utan att ta bort det som gör restaurangen unik. Genom nära samarbete och flera iterationer kunde jag lyfta fram det viktiga på ett tydligt men fortfarande levande sätt.
Framför allt blev projektet en stark påminnelse om att tillgänglighet inte bara är en designprincip, utan det skapar konkret affärsnytta. När information är lätt att förstå kan fler gäster ta del av den, oavsett om de är äldre, turister, barnfamiljer eller bara stressade i stunden. Det leder till både en mer inkluderande upplevelse och nöjdare kunder.