Denne case er udviklet som et design- og udviklingskoncept for at demonstrere vores tilgang til hjemmesider for frisørsaloner. Projektet repræsenterer ikke en reel kundeopgave, og der har ikke været et kommercielt samarbejde.
Salon Lind
Et konceptprojekt for en lokal frisørsalon i Hedensted. Fokus: et elegant dark mode design med messing-accent, integreret online booking via Planway og lokal SEO-strategi med 5 bysider i Hedensted-området.
Type
Konceptprojekt
Branche
Frisørsalon
Teknologi
Vanilla HTML/CSS/JS
Fokus
Design · Booking · SEO
Frisør · Hedensted
Din frisør i Hedensted
Visualisering af hero-sektionen — dybt mørkt design med messing-accent
Om projektet
Baggrund og målsætning
Konceptet er udviklet med fokus på en lokal frisørsalon i Hedensted — en mellemstor by mellem Horsens og Vejle. Mange lokale frisørsaloner har enten ingen hjemmeside eller en forældet en. Konceptet demonstrerer, hvad en moderne online tilstedeværelse kan gøre for en salon med ambitioner.
Designet er bevidst dark mode og premium for at matche en salon der positionerer sig på kvalitet frem for lavpris. Online booking via Planway er en central del af konceptet — kunder kan booke tid uden at skulle ringe.
Konceptets tre mål
- 1Skab et premium visuelt udtryk der matcher et kvalitetsniveau over gennemsnittet
- 2Integrer online booking direkte på siden for at reducere forhindringer
- 3Demonstrér lokal SEO-arkitektur med 5 bysider i Hedensted-området
Indhold
Sider og funktioner i konceptet
Forside
Hero med animeret hårstrengs-SVG, USP-blok, galleri-teaser, priser med booking-placeholder, anmeldelsessektion og Google Maps.
Priser
Fuld prisliste med dotted linje-layout (dameklip, herreklip, børneklip, farve, balayage, striber, opsætning).
Behandlinger
6 behandlingstyper med beskrivelser i 2-kolonne grid — fra klip og farve til opsætning og råd om pleje.
Galleri
3-kolonne masonry-lignende galleri med tall-tiles og hover-zoom effekt på 8+ billeder.
Om os
Virksomhedshistorie, arbejdsmetode og geografisk dækning med 2-kolonne layout og billeder.
Kontakt
Kontaktoplysninger, åbningstider i infocards og indlejret Google Maps med rutevejledning.
Book tid
Booking-side designet til Planway-integration via iframe — placeholder med instruktioner til opsætning.
5 lokale bysider
Unikke sider for Øster Snede, Løsning, Ørum, Daugård og Korning med lokalt tilpasset indhold og FAQ.
Designretning
Vigtigste designvalg
Dyb varm mørk + messing
Primærfarven #241C18 (dyb varm mørk) kombineret med messing-accent (#C9A86A) skaber et elegant, eksklusivt udtryk der matcher en kvalitetsbevidst frisørsalon. Tonen er varm og indbydende frem for kold og klinisk.
Fraunces — optisk serif med sjæl
Fraunces er en display-serif med optiske størrelsesaksler og en udtryksfuld kursiv-variant. I kombination med Manrope sans giver det en sofistikeret typografi der signalerer kreativt håndværk.
Mørk herigennem (dark mode first)
I modsætning til mange frisørsaloner der bruger hvide, luftige hjemmesider, er konceptet bygget dark-first. Det giver høj kontrast til billeder og en premium-fornemmelse der understøtter et premium prisniveau.
Animeret hårstrengs-illustration
Hero-sektionen indeholder en selvtegnende SVG-kurve der efterligner et hårstreng — en subtil, kreativ reference til faget. Animationen skabes ved progressiv stroke-dashoffset ved indlæsning.
SEO-strategi
Lokal synlighed i Hedensted-området
Konceptet demonstrerer en lokal SEO-arkitektur tilpasset frisørbranchen, hvor folk søger "frisør Hedensted", "frisør Løsning" osv. Hver by-side har unikt indhold og egne meta-tags der matcher søgefrasen.
By-specifikke landingssider
Hver by-side har unikt indhold om afstanden til salonen, transportmuligheder og lokale detaljer — for at ramme geografisk specifikke søgninger.
Teknisk løsning
Valgte teknologier
Vanilla HTML/CSS/JS
Ingen framework-overhead — enkelt, hurtigt og nemt at vedligeholde
Hash-baseret SPA-router
Alle visninger i én fil med JS-routing og dynamiske meta-tags per side
Fraunces + Manrope
Optisk serif til overskrifter kombineret med humanistisk sans til brødtekst
Animeret strand-SVG
Selvtegnende hårstrengs-SVG i hero der animerer ved sideindlæsning
IntersectionObserver reveal
Progressiv scroll-reveal på alle sektioner med transition-delay stagger
Planway booking-integration
Designet til at modtage Planway iframe-booking direkte på siden
Mobiloplevelse
Bookingvenlig mobiloplevelse
Mange frisørbookinger sker spontant på mobilen — fx mens man ser i spejlet og beslutter sig for en klipning. Konceptet er designet med dette adfærdsmønster som udgangspunkt.
- Book tid-knap synlig i navigation fra første scroll
- Prisliste let læselig på smal skærm med tilpasset layout
- Galleri kollapser til 2-kolonne på mobil
- Hamburger-menu med dropdown-panel og overlay
- Reducerede animationer ved prefers-reduced-motion
- touch-action optimeret på interaktive elementer
Booking-flow
Konklusion
Hvad konceptet demonstrerer
Husk:Dette er et konceptprojekt. Der har ikke været et kommercielt samarbejde, og projektet er skabt som et designeksempel for at demonstrere Mumm & Crügers tilgang til frisørsaloners online tilstedeværelse.
Premium design tiltrækker premium kunder
Et mørkt, eksklusivt design med messing-accent matcher og forstærker en salons positionering. Hjemmesiden sætter forventningsniveauet allerede inden første besøg.
Booking skal sidde i flowet
En booking-side er ikke nok. Konceptet viser priser og booking side om side på forsiden, så kunden kan gå direkte fra inspiration til handling.
Lokal SEO for frisører
By-specifikke sider med relevant lokalindhold fanger folk der søger 'frisør Løsning' eller 'frisør Øster Snede' — potentielle kunder der aldrig ville finde en generisk forside.
Se det i praksis
Udforsk den fulde hjemmeside
Koncepthjemmesiden er fuldt navigerbar. Udforsk alle sider, prislister, galleri, booking og de lokale undersider i praksis.
Næste skridt
Kunne du tænke dig en lignende hjemmeside?
Vi bygger professionelle hjemmesider til frisørsaloner, skønhedsklinikker og lokale servicevirksomheder. Fast pris fra 3.995 kr. — uforpligtende tilbud.