Responsivt webdesign, bygget til mobilen først
Din side skal virke lige godt på en telefon i bussen som på en skærm på kontoret. Vi bygger til begge og måler resultatet.
Kort forklaret
Hvad er responsivt webdesign?
Responsivt webdesign får den samme side til at tilpasse sig den skærm, den bliver åbnet på. Layout, billeder, tekststørrelse og navigation flytter sig efter skærmbredden, så indholdet kan bruges både med en tommelfinger og med en mus. Én side, én adresse, ét sæt indhold, uanset hvad kunden har i hånden.
Indsigt
Mobilen bestemmer, hvad din side er værd
På tværs af de sites, vi driver, kommer størstedelen af trafikken fra mobilen. Mobilversionen er derfor den udgave, de fleste af dine kunder faktisk ser. Er formularen svær at udfylde med en tommelfinger, taber du henvendelsen der, længe før nogen åbner siden på en stor skærm.
Google vurderer i dag din side ud fra mobilversionen. Det, søgemaskinen ser på telefonen, er det, der bliver indekseret og rangeret, og hastighedsmålene i Core Web Vitals bliver hentet fra rigtige besøg på rigtige enheder. En side, der er hurtig på fiber og en ny bærbar, bliver stadig målt på 4G og en fem år gammel telefon.
Vi bygger den lille skærm først og udvider derefter. Det tvinger de vigtige valg frem tidligt: hvad skal stå øverst, hvad kan folde sammen, hvad kan helt undværes. Bagefter er desktop den nemme del, og siden har fået skåret det væk, ingen savner.

Tommelfingeren først
Knapper, felter og menuer placeres, hvor en hånd kan nå dem, i en størrelse en finger kan ramme.
Vægt før pynt
Billeder skaleres og leveres i moderne formater, så siden loader på mobildata og ikke kun på kontornettet.
Ét indhold, alle skærme
Samme tekst og samme tilbud overalt, så du slipper for to versioner, der skal vedligeholdes hver for sig.
Cases
Cases
Tre sider, tre brancher, samme krav: den skal virke på mobilen.
BLAST Pro Series
- Backend af website
- WordPress, PHP
- DevOps værktøj
- Docker
- Andre teknologier
- Responsive webdesign, JavaScript
- Tid
- Løbende
- Kode
- 13.526 Linjer
- Ansvar
- Daniel Petersen, Daniela Popescu
Telia.dk
- Teknologier
- Responsive, Liferay
- Tid
- 3 dage
- Kode
- 12432 Linjer
- Ansvar
- Bo Møller
Håndværker.dk
- Teknologier
- HTML, CSS, JavaScript, Sharepoint, Frontend, Responsive
- Tid
- 21 dage
- Kode
- 3271 Linjer
- Ansvar
- Bo Møller
Faglighed
Hvad kendetegner et godt responsivt webdesign i 2026?
Et godt responsivt design måles på, om folk kan gennemføre det, de kom efter, på den skærm de har i hånden. Resten er detaljer om, hvordan du kommer derhen. Fire ting afgør det i praksis.
Hastighed på rigtige forbindelser
Core Web Vitals måler indlæsning (LCP), reaktion på input (INP) og layoutstabilitet (CLS) på faktiske besøg. Mobilen trækker de tal ned først, fordi den har mindre processorkraft og en svingende forbindelse. Vi arbejder med billedvægt, kritisk CSS og caching, og vi måler resultatet på en almindelig 4G-forbindelse. Hurtige sider bliver brugt længere.
Brug frem for visning
En side kan se rigtig ud på en telefon og stadig være besværlig at bruge. Vi arbejder med touch-mål, luft mellem elementerne, formularfelter der åbner det rigtige tastatur, og navigation der kan nås med én hånd. Det er de steder, henvendelser bliver vundet eller tabt på mobil.
Synlighed på mobilversionen
Google indekserer og rangerer ud fra mobilversionen af din side. Er indhold, overskrifter eller interne links skjult på mobil, tæller de ikke med. Vi holder samme indhold og samme struktur på alle skærme, med korrekt semantik i HTML, så både søgemaskiner og AI-svar kan læse siden og citere den.
Tilgængelighed som designbeslutning
WCAG 2.2 sætter målbare krav til kontrast, tekststørrelse, tastaturnavigation og til, hvordan indhold opfører sig, når brugeren forstørrer teksten. På mobil rammer de krav ofte præcis de steder, der også gør siden lettere at bruge for alle andre. Vi bygger det ind fra starten, hvor det er en designbeslutning frem for en efterreparation.
Skærme skifter hurtigere end hjemmesider. Foldbare telefoner, brede desktopskærme og nye browserversioner kommer løbende, og en side bygget på faste pixelbredder skal rettes hver gang. Vi bygger med fleksible enheder, container queries og et komponentsystem, hvor en ændring i ét element slår igennem overalt. Det gør det billigere at tilføje en ny sidetype næste år end at bygge om.
Proces
Vi bygger det i fire trin
Indsigt og prioritering
Vi gennemgår dine tal i GA4, deler dem op på mobil og desktop og finder ud af, hvor folk falder fra. Du får en kort prioriteret liste over, hvad der skal løses først, og godkender den, før vi tegner noget.
Skitse på telefonens bredde
Vi tegner de vigtigste sidetyper i Figma, mobilbredde først, derefter tablet og desktop. Du ser layoutet på din egen telefon, klikker det igennem og siger til, før der bliver skrevet en linje kode.
Bygning og test
Vi bygger temaet i WordPress med fleksible layouts og responsive billeder og tester på rigtige enheder undervejs. Du får et testmiljø, du kan åbne på dine egne skærme, og vi retter det, du finder.
Live og opfølgning
Vi sætter målingen op, tjekker Core Web Vitals efter lancering og følger tallene de første uger. Du får en gennemgang af, hvad der virker på mobil, og hvad vi tager i næste runde.


Hvad viser dine tal, når du deler dem op på mobil og desktop?
Vi kigger på fem ting: hvor stor en del af din trafik der kommer fra mobilen, hvordan din conversion rate ser ud på mobil mod desktop, hvad Core Web Vitals siger, hvor navigationen bremser, og hvad der sker med formularerne på en lille skærm. Gennemgangen tager os et par timer. Ring, og vi finder ud af, om der er noget at hente.