Alle artikler
konvertering· 4 min·2026-05-16

Mobile-first design - hvorfor 70% af dine besøgende kommer fra mobil

Konkret data om mobil-trafik for danske SMB'er, og hvordan du designer en side der konverterer på begge enheder.

Hvis din side ikke er mobile-first, mister du penge. Ikke et fremtidigt problem — det sker lige nu.

Tal du skal kende

Mobil-trafik for danske SMB-sites (2025-2026 data):

NicheMobil-andel af trafik
Tandlæge72%
Fysioterapeut78%
Restaurant85%
Autoværksted68%
Advokat54%
Ejendomsmægler80%
Skønhedssalon90%

For de fleste SMB'er: mobile-mode er hovedmode. Desktop er nice-to-have.

Hvis dit site ikke er bygget mobile-first, designer du for de FÆRRESTE besøgende.

Hvad "mobile-first" faktisk betyder

Det er IKKE bare "responsivt design". Det er en helt anden design-tankegang:

Responsivt (gammelt): Design til desktop først, så krympe alt så det passer på mobil.
Mobile-first (rigtigt): Design til mobil først, så udvid for desktop.

Resultatet er fundamentalt forskelligt:

  • Mobile-first → klar prioritering (kun det vigtigste vises)
  • Responsivt → alt skal med, bare mindre

7 ting der skal være rigtige på mobil

1. Knapper minimum 44×44px

Tommelfinger-størrelse. Mindre knapper = misklik = frustration = bounce.

2. Tekst minimum 16px

Mindre tekst kræver zoom. Folk zoomer ikke — de scroller forbi.

3. Linjer max 60-70 tegn lange

For lange linjer er svære at læse på mobil.

4. Booking/CTA over fold UDEN at scrolle

Når mobil-bruger lander, skal de KUNNE handle uden scroll.

5. Telefonnummer som klikbart link

— så mobilen kan ringe direkte.

6. Loadtime under 2 sek

Mobil-data er langsommere end WiFi. Hver 100ms ekstra = 1% lavere konvertering.

7. Form-fields med korrekt input-type

  • Email-felt: type="email" (åbner @-tastatur)
  • Telefon: type="tel" (åbner taltastatur)
  • Dato: type="date" (åbner datepicker)

Det er små detaljer der gør stor forskel i mobile UX.

Test dit site lige nu

Åbn dit site på din egen mobiltelefon (ikke bare Chrome dev tools — RIGTIG mobil):

  1. ☐ Kan jeg booke/ringe uden at scrolle?
  2. ☐ Er telefonnummer klikbart?
  3. ☐ Er teksten læselig uden zoom?
  4. ☐ Loader siden under 3 sek?
  5. ☐ Er knapper let at trykke på (ikke for små)?

Hvis du krydsede færre end 4 — du mister leads hver dag.

Eksempel på mobile-first done right

Se eksempel — fysioterapeut-site bygget mobile-first →

Tjek den på din mobil. Bemærk:

  • Booking-widget direkte i hero
  • Stort, klikbart telefonnummer
  • Hver sektion er én tydelig handling
  • Ingen pinch-zoom nødvendigt

Hvad du skal gøre

  1. Test din side på mobil i dag
  2. Hvis 4+ fejl: book gratis udkast — vi laver mobile-first version
  3. Hvis 2-3 fejl: kontakt din nuværende leverandør og bed dem fikse

Få gratis mobile-first udkast →

Klar til at handle på det her?

Få et gratis udkast lavet specifikt til din virksomhed.

Få gratis udkast