Kappersdiensten vormen de basis
Bezoekers moeten snel kunnen ontdekken welke behandelingen Sandra aanbiedt en hoe een afspraak aan huis werkt.
Projectcase · In ontwikkeling
Sandra's Hair
Van een bestaande website naar een warme, persoonlijke digitale ervaring voor een kapper aan huis.
Voor Sandra's Hair bouw ik een complete nieuwe website waarin persoonlijke aandacht, duidelijke informatie en haar specialisatie in natuurlijk krullend haar centraal staan.
Persoonlijke haarverzorging aan huisRust, aandacht en vakmanschap voor ieder haartype.Bekijk de diensten
Project in het kort
Meer dan een nieuwe buitenkant.
Sandra's Hair is een persoonlijke kapper aan huis met een duidelijke specialisatie in natuurlijk krullend haar. De uitdaging begon daarom bij de inhoud en structuur, niet bij kleur of vorm.
- Projectvorm
- Volledige herbouw van een bestaande website
- Doelgroep
- Nieuwe en bestaande klanten in Voorburg en omgeving
- Mijn rol
- Strategie, contentarchitectuur, UX/UI en development
- Techniek
- Next.js, TypeScript en Tailwind CSS
- Visuele richting
- Warm Editorial Care
- Status
- In ontwikkeling
De beginsituatie
Waardevolle informatie, maar nog zonder duidelijke samenhang.
De bestaande website bevatte veel bruikbare informatie over behandelingen, tarieven, werkgebieden en Sandra's manier van werken. Voor bezoekers was alleen niet altijd direct duidelijk welke informatie het belangrijkst was en waar zij hun volgende stap konden zetten.
Kappersdiensten, krullenknippen, praktische informatie en magnetiseren vroegen ieder om een eigen plek. Zonder die duidelijke verdeling kwam Sandra's belangrijkste positionering onvoldoende naar voren.
De analyse
Eerst bepalen wat de website moet vertellen, daarna pas ontwerpen.
Losse informatieDienstenTarievenKrullenPersoonlijkPraktischMagnetiseren
Nieuwe richtingKappersdienstenKrullenexpertiseOver SandraPraktisch & contactMagnetiseren als aparte route
Krullenknippen verdient een eigen plek
De specialisatie in natuurlijk krullend haar is onderscheidend genoeg voor een volledige expertisepagina.
Sandra moet als persoon zichtbaar zijn
Bij persoonlijke dienstverlening ontstaat vertrouwen ook door te laten zien wie er bij de klant thuiskomt.
Magnetiseren blijft duidelijk gescheiden
Deze aanvullende dienstverlening krijgt een volwaardige pagina, maar staat bewust buiten de primaire focus op haarverzorging.
Structuur en sitemap
Iedere pagina krijgt één duidelijke taak binnen de klantreis.
Na de analyse is de informatie verdeeld over routes die ieder een eigen bezoekersvraag beantwoorden. De homepage geeft overzicht en vertrouwen, terwijl verdiepende pagina's ruimte bieden voor diensten, expertise, praktische informatie en persoonlijk contact.
HomeOverzicht & vertrouwen
DienstenBehandelingen
KrullenknippenExpertise
PrijzenTransparantie
Over SandraPersoon & vertrouwen
ContactVolgende stap
MagnetiserenAfzonderlijke route
HomeOverzicht & vertrouwen
DienstenBehandelingen
KrullenknippenExpertise
PrijzenTransparantie
Over SandraPersoon & vertrouwen
ContactVolgende stap
MagnetiserenAfzonderlijke route
Belangrijkste bezoekersroutes
Iedere route leidt logisch naar een volgende stap.
Juridische en praktische pagina's blijven via de footer bereikbaar, zonder de hoofdnavigatie onnodig zwaar te maken.
- 01Home → Diensten → Prijzen → Contact
- 02Home → Krullenknippen → Contact
- 03Home → Over Sandra → Contact
Merk en ontwerp
Warmte zonder drukte, professionaliteit zonder afstand.
Sandra's Hair draait om persoonlijke aandacht, rust en vertrouwen. De visuele stijl moest daarom verzorgd aanvoelen, zonder afstandelijk of overdreven luxe te worden.
De gekozen richting heet Warm Editorial Care: zachte kleuren, ruime composities en redactionele typografie die Sandra's persoonlijke dienstverlening ondersteunen.
Warme ivory#FBF8F4
Diepe aubergine#713B50
Ingetogen koper#B98262
Warm antraciet#251F22
Newsreader · EditorialPersoonlijke aandacht aan huis.
Karakter en warmte voor de momenten waarop Sandra's verhaal centraal staat.
Manrope · InterfaceDuidelijk bij iedere stap
Rustige lopende tekst, praktische informatie en herkenbare acties.
Persoonlijke verzorgingEen behandeling die past bij jouw haar en jouw dag.
Heldere informatie krijgt ruimte, zonder dat de pagina afstandelijk of technisch aanvoelt.
Vertaling naar de interface
Een systeem dat rustig blijft, ook wanneer de inhoud groeit.
- 01Veel ruimte rond inhoud en fotografie
- 02Redactionele composities in plaats van standaard kaartengridjes
- 03Afgeronde vormen zonder volledige pill-interface
- 04Subtiele borders en beheerste diepte
- 05Duidelijke knoppen zonder harde verkooptoon
- 06Authentieke beelden als ondersteuning, niet als decoratie
Bewust niet gebruikt
Felroze, goudkleurige luxegradients, neon, zware glassmorphism, harde schaduwen en drukke collages. De website moet verzorgd en persoonlijk voelen, niet als een algemene beautytemplate.