Hjemmeside layout: eksempler til håndværker og klinik

Et stærkt hjemmeside layout bør som udgangspunkt følge denne rækkefølge:

1. Header med logo, navigation og kontaktknap
2. Hero-sektion med klar H1, kort forklaring og CTA
3. Problem eller behov: hvad hjælper du kunden med?
4. Ydelser eller produkter i overskuelige blokke
5. Tillid: cases, anmeldelser, CVR, erfaring eller billeder
6. Proces: sådan foregår samarbejdet
7. Pris eller prisindikator, hvis det passer til din branche
8. FAQ med de spørgsmål kunder typisk stiller
9. Kontaktsektion og footer

Det layout fungerer, fordi det følger kundens beslutningsproces: forstå, vurdere, stole på dig og tage kontakt.

Dette er et tænkt eksempel, ikke en dokumenteret kundecase: En tømrer, som vil modtage tilbudsforespørgsler, kan bygge forsiden sådan op:

1. En overskrift med ydelse og det faktiske arbejdsområde samt et klikbart telefonnummer.
2. Tre tydelige indgange til de vigtigste opgavetyper, eksempelvis tagarbejde, terrasser og renovering.
3. Egne projektfotos med korte beskrivelser af opgaven, frem for kun generelle lagerbilleder.
4. En kort forklaring af besigtigelse, tilbud og udførelse.
5. En kontaktformular, hvor kunden kan beskrive opgaven og sit område.

Formålet er at besvare spørgsmålene “kan du løse min opgave?” og “hvordan får jeg et tilbud?”. En produktkurv eller mange kampagneknapper vil ofte være mindre relevante her.

En klinik har en anden beslutningsproces. Patienten skal forstå behandlinger, priser, behandlernes baggrund og hvordan en tid bestilles. Et tænkt forside-layout kan derfor begynde med behandlingsoversigt og booking, efterfulgt af behandlerprofiler, praktiske oplysninger og spørgsmål om første besøg.

På mobil bør booking, telefonnummer og adresse være lette at finde. Undgå at gøre en lang billedanimation til en forudsætning for at nå informationen. Brug kun dokumenterbare oplysninger om uddannelse og autorisation; layout kan understøtte tillid, men ikke erstatte den.

Headeren skal være rolig og praktisk. Den bør indeholde logo, 4-6 menupunkter og en tydelig kontaktknap eller telefonnummer. For mange menupunkter gør valget sværere, især på mobil.

En god header til en virksomhed kan fx have: Hjem, Services, Cases, Priser, Om og Kontakt. Har du mange ydelser, er det ofte bedre at samle dem under et menupunkt end at fylde hele toppen med links.

Hero-sektionen er det første synlige område på siden. Den skal besvare tre spørgsmål med det samme: Hvad tilbyder du? Hvem hjælper du? Hvad skal kunden gøre nu?

Et stærkt hero-layout indeholder en H1 med dit vigtigste søgeord, en kort undertekst, én primær CTA og et billede eller visuelt element der støtter budskabet. Eksempel: "Professionel hjemmeside til virksomhed" som H1, efterfulgt af en kort tekst om pris, levering og hvad kunden får.

Efter hero-sektionen skal layoutet bygge tillid og svare på kundens spørgsmål i en naturlig rækkefølge. Start med de vigtigste ydelser, vis derefter hvorfor kunden skal vælge dig, og brug konkrete beviser som cases, billeder, anmeldelser eller tidligere resultater.

En god struktur kan være: ydelser, fordele, cases, proces, priser, FAQ og kontakt. Hver sektion skal have én klar opgave. Hvis en sektion både prøver at forklare ydelser, priser og kontakt på samme tid, bliver den ofte uklar.

Et SEO-venligt layout bruger en tydelig overskriftstruktur. Siden bør have én H1, logiske H2’er for hovedsektioner og H3’er for underpunkter. Det hjælper både brugere og Google med at forstå, hvad siden handler om.

Interne links er også en del af layoutet. Fra en forside eller blogartikel bør du linke naturligt til de vigtigste sider, fx professionel hjemmeside, webshop, SEO, webdesign og kontakt. Brug beskrivende ankertekst i stedet for generiske links som "klik her".

Footeren er ikke bare afslutningen på siden. Den er et vigtigt navigationsområde for besøgende, der er nået helt ned og stadig overvejer næste skridt.

En god footer bør indeholde logo, kort beskrivelse, telefon, email, adresse, CVR-nummer, links til vigtige undersider og juridiske sider. Den kan også styrke SEO, fordi den giver Google stabile interne links til de vigtigste sider på tværs af hjemmesiden.

Mange besøgende ser din hjemmeside på mobil, så layoutet skal fungere i én kolonne, med store knapper og kort vej til kontakt. Det vigtigste indhold skal komme tidligt, fordi mobilbrugere scroller hurtigt og ofte er tæt på at ringe eller skrive.

Gode mobilprincipper: tekst på mindst 16px, knapper omkring 48x48px, click-to-call telefonnummer, kort formular og ingen elementer der skaber vandret scroll. Et layout der ser flot ud på computer, men er tungt på mobil, kan koste mange henvendelser.

De mest almindelige fejl er uklare overskrifter, for mange knapper, for lidt kontrast, for lange tekstblokke, manglende kontaktinfo, svag mobilvisning og sektioner uden tydelig rækkefølge. En anden klassiker er at bruge store flotte billeder uden at forklare konkret, hvad virksomheden tilbyder.

Et godt layout skal ikke være kompliceret. Det skal være nemt at skimme, let at forstå og tydeligt i sin handling. Brug luft, klare overskrifter og gentag CTA’en flere steder på siden, især efter sektioner hvor kunden har fået et vigtigt svar.

Prisen afhænger af hvor mange sider, sektioner og funktioner du har brug for. Hos ForaWeb starter en professionel hjemmeside fra 3.500 kr, hvor layout, mobilvenligt design, SEO-grundopsætning og kontaktflow er tænkt sammen fra start.

For de fleste mindre virksomheder er det vigtigste ikke at få flest mulige sektioner, men at få den rigtige rækkefølge: tydeligt budskab, tillid, ydelser og kontakt. Det er den struktur, der gør layoutet til et salgsredskab i stedet for bare en pæn side.