Salon Mimmi – Konverteringsfokuserad frisörsajt

Salon Mimmi är en modern, mobil-först webbplats byggd för en frisörsalong i Upplands Väsby. Fokus låg på tydlighet, förtroende och konvertering: att göra det enkelt för besökare att förstå salongens tjänster och boka tid med minimal friktion. Sajten är uppbyggd kring tydliga uppmaningar, särskilt bokning, med starkt fokus på användbarhet på mobila enheter.

Upplevelsen för besökaren

När en besökare kommer in på sajten möts de direkt av ett tydligt värdeerbjudande: vem salongen är, var den ligger och vilka tjänster som erbjuds. Startsidan är medvetet uppbyggd kring tydliga handlingar, med bokning som primärt fokus och sekundära val för att utforska tjänster och priser. Tydliga öppettider och adressuppgifter finns tillgängliga utan att besökaren behöver leta.

Besökare kan:

• Bläddra bland tjänster och priser på ett strukturerat, läsbart sätt
• Se ett visuellt galleri med riktigt salongsarbete
• Läsa verifierade kundomdömen hämtade från BokaDirekt
• Snabbt hoppa till bokning med minimal friktion

Layouten är mobil-först, eftersom de flesta bokningar sker på telefonen. Knapparna är stora, läsbara och placerade precis där användarna förväntar sig dem. Allt är utformat för att minska tvekan och leda användaren mot bokning på ett naturligt sätt.

UX-spårning & beteendeinsikter

För att slippa gissa implementerades Microsoft Clarity för att följa verkligt användarbeteende. Det gav värmekartor som visar var användare faktiskt klickar, analys av scrolldjup för att se vilket innehåll som förbises, och sessionsinspelningar för att hitta tvekan och friktionspunkter.

Utifrån datan:

• Den primära boknings-CTA:n var det mest klickade elementet
• Användare interagerade mycket mer med direkta handlingar än med lång text
• Mobilt beteende påverkade layoutbesluten starkt

Det förvandlade projektet från ”en fin webbplats” till ett mätbart, datadrivet UX-bygge.

Tjänster, priser & galleri

Sektionen för tjänster och priser är utformad för tydlighet och lättöverskådlighet. En tydlig informationshierarki gör att användare snabbt hittar det de söker. Galleriet visar upp riktigt kundarbete, vilket bygger förtroende och visar salongens kvalitet. Kundomdömen är integrerade genomgående och ger socialt bevis vid kritiska beslutspunkter.

Teknik & implementation

Tech-stacken hölls medvetet enkel och fokuserad på prestanda och underhållbarhet:

• Frontend: React (JSX-komponenter) för modularitet
• Styling: Tailwind CSS för snabb, konsekvent design
• Bygge/utveckling: Vite för snabb utveckling och optimerade byggen
• Hosting: Render (statisk) för driftsäkerhet och enkelhet
• Analys: Microsoft Clarity för UX-insikter

Prestanda prioriterades: lättviktiga resurser ger snabba laddningstider på alla enheter. Ingen överkonstruktion, bara rätt verktyg för uppgiften.

Resultat

Resultatet är en fokuserad salongssajt där bokning och mobil användning står i centrum, med analys som kan vägleda fortsatta designbeslut och ge kunden insyn i besökarnas beteende.

Projektet visar UX-tänk, analysförståelse och praktiskt kundarbete i en kompakt, bokningsfokuserad webbplats.