Sande Legesenter: trygghet i hver piksel.

Utgangspunktet

Sande Legesenter er et fastlegekontor i Sande kommune (Vestfold). De hadde en eldre WordPress-side med flere problemer: trege lastetider på mobil (LCP over 4 sekunder), forvirrende navigasjon med tre forskjellige menyer som overlappet, og et design som signaliserte «vi har ikke prioritert dette» fremfor «vi tar deg på alvor». Pasienter ringte ofte for å spørre om åpningstider og adresse, informasjon som var på siden, men umulig å finne.

Etter en kort kartleggingssamtale var det tydelig at oppgaven ikke var «mer innhold», det var «mindre, men riktig innhold». Vi gikk inn med en hypotese: én primær handling per side. Enten ringer du, eller du bestiller time. Alt annet er sekundært.

Hva vi gjorde

Designspråk: ro, ikke spektakkel

Vi valgte en mørkeblå hovedfarge (#0F2C4A) kombinert med varm sand som bakgrunn. Ingen gradienter, ingen «AI-genererte» helsestockfotos. Heller en stram fotostil som kunne brukes om kunden senere skifter til egne bilder. Typografien ble Hanken Grotesk i to vekter, åpen og leselig på mobil, profesjonell på desktop. Linjelengde er begrenset til 70 tegn for komfortabel lesing.

Tilgjengelighet fra dag 1

Helsesider treffer en bredere målgruppe enn de fleste. Vi designet med WCAG AA som minimum: 4,5:1 kontrast på all tekst, 44×44 px touch-targets, fokusringer som faktisk er synlige, og semantisk HTML (h1–h3, nav, main, article, ikke bare div-er). Skjemaer har autocomplete-hint og inline-validering uten å være pågående. Vi testet mot VoiceOver og NVDA før lansering.

Pasientreise: én primær CTA per side

Forsiden har én sentral knapp: «Bestill time». Underliggende sider (om legene, om praksisen, om akutt-prosedyrer) har sin egen tilpassede CTA, for eksempel «Ring legevakt» på akutt-sider. Vi fjernet seks av tolv menypunkter fra det gamle nettstedet og samlet «Om praksisen», «Om legene» og «Praktisk info» under ett tak. Tilbakemeldingen fra resepsjonen i etterkant: færre telefoner om åpningstider, flere bookinger via skjema.

Teknisk stack

Astro for innhold (zero-JS by default på publikum-sider, lyser raskt på 3G), Tailwind for design tokens, hosted på Cloudflare Pages med edge-cache. Total side-vekt på forsiden: 84 KB inkl. fonts. Til sammenligning lå det gamle nettstedet på 2,1 MB. Hosting og driftskostnad: 0 kr/mnd takket være Cloudflares gratisplan.

Resultater

• PageSpeed mobil: 98/100 (gammel side: 32).
• LCP: 0,9 sekunder (gammel side: 4,3 sek).
• Fra brief til lansert: 4 uker, inkludert innholdsproduksjon.
• Godkjent i første designrunde, ingen fullstendige re-designsykluser, kun små tekstjusteringer.
• Driftskostnad redusert fra 1.200 kr/mnd (WordPress hosting + plugins + sikkerhet) til 0 kr/mnd.
• Færre telefonhenvendelser om åpningstider og adresse, ifølge tilbakemelding fra resepsjonen.

Hva vi lærte

For helsesektoren er minimering en form for omtanke. Hver ekstra menypunkt, hver ekstra CTA, hver gradient er et kognitivt hopp som pasienten må gjøre, ofte når de allerede er stresset eller syke. Den beste kompliment vi fikk var ikke om designet, men om navigasjonen: «Jeg fant det jeg trengte med en gang.» Det er hele jobben.

Den andre lærdommen handler om budsjett. Et legesenter med fem ansatte har ikke råd til 30.000 kr/mnd i marketing-byrå-fee. De har derimot stort utbytte av en god side som koster lite å drifte. Vi designet for stabilitet, ikke for at de skal trenge oss hver måned.

Relaterte cases og tjenester

• Sanas Trafikkskole, ny plattform med fokus på konvertering for kjøreskole.
• Taxiregnskap AS, nettside og tydelig kommunikasjon for et regnskapsbyrå.
• Tjenester: Nettsider, slik jobber vi med web og produkt.