Webdesigner vs webudvikler: hvad er forskellen, og hvem har I brug for?

En marketingchef hyrer en dygtig webdesigner til den nye hjemmeside. Designet er flot, kunderne roser det, og alt går godt, indtil direktøren beder om, at kunderne skal kunne booke en servicetid direkte på sitet og få en bekræftelse på sms. Designeren siger ærligt, at det ligger uden for det, hun laver. Nu skal der findes en udvikler, som skal sætte sig ind i et site, han ikke har bygget, på en platform, han ikke selv ville have valgt. Det er en meget almindelig historie, og den kan undgås, hvis man kender forskel på de to roller fra starten.

Hvad er forskellen på en webdesigner og en webudvikler?

Kort sagt arbejder designeren med oplevelsen, og udvikleren arbejder med maskineriet. Designeren spørger: hvad skal brugeren se, forstå og gøre? Udvikleren spørger: hvordan får vi det til at virke hurtigt, sikkert og stabilt, og hvor kommer dataene fra? De bruger forskellige værktøjer, har forskellige uddannelser, og de bliver bedømt på forskellige ting.

Hvad laver en webdesigner i praksis?

En webdesigner starter typisk med at forstå jeres forretning og målgruppe, og omsætter det til en struktur og et visuelt udtryk. På mindre projekter bygger designeren også selve sitet i et værktøj, hvor det ikke kræver programmering. Typiske opgaver er:

• Sitemap og navigation: hvilke sider findes, og hvordan hænger de sammen.
• Wireframes og design af forside, undersider og formularer.
• Visuel identitet på nettet: farver, skrifttyper, ikoner og billedstil.
• Responsivt design til mobil, tablet og computer.
• Opsætning af sitet i Webflow, Framer, Wix eller et WordPress-tema.
• Grundlæggende SEO-opsætning af titler, overskrifter og billedtekster.

Nogle designere specialiserer sig i UX, altså research, brugertest og flows, mens andre er stærkest i det visuelle. Hvad det koster, kan I se i guiden hvad koster en webdesigner.

Hvad laver en webudvikler i praksis?

En webudvikler skriver og vedligeholder den kode, der får sitet til at virke. Faget deles typisk op i to halvdele, og mange udviklere er stærkest i den ene.

Frontend: det, brugeren ser

Frontend-udvikleren bygger designet i kode, så det virker i alle browsere og på alle skærme, loader hurtigt og kan bruges med tastatur og skærmlæser. Det er også frontend, der håndterer formularer, filtre, kurve og alt det, der reagerer, når brugeren klikker.

Backend: det, der sker bag skærmen

Backend-udvikleren bygger databasen, logins, API’er og integrationerne til fx e-conomic, MobilePay eller PostNord. Det er her, data gemmes sikkert, og her regler som priser, rabatter og rettigheder ligger. Vi forklarer forskellen nærmere i frontend vs backend, og en udvikler, der dækker begge dele, kaldes en full stack-udvikler.

Hvor overlapper webdesign og webudvikling?

Grænsen er blevet mere flydende de seneste år. Visuelle værktøjer lader designere bygge sites, der tidligere krævede en udvikler, og moderne frontend-rammer lader udviklere arbejde direkte med designkomponenter. AI-værktøjer gør begge hurtigere. Tabellen viser, hvem der typisk ejer de opgaver, der oftest falder mellem to stole.

Det, vi ser i praksis, er at de dyreste fejl opstår i rækkerne i midten. Et design uden fejltilstande bliver bygget med udviklerens bedste gæt, og en hjemmeside med tunge videoer på forsiden får dårlige tal i Googles målinger, selvom koden er fin. Den bedste kur er, at designer og udvikler sidder i samme projekt fra dag ét. Vores guide fra Figma til hjemmeside viser, hvad en god overlevering indeholder.

Hvem skal I bruge, webdesigner eller webudvikler?

En god tommelfingerregel: jo mere data jeres hjemmeside håndterer, jo større en andel af budgettet går til udvikling. Et præsentationssite er mest design og indhold. En kundeportal er ofte det modsatte. Har I brug for at finde en udvikler selv, så læs sådan finder I en webudvikler.

Hvad koster en webdesigner og en webudvikler?

Udviklertimer er typisk dyrere end designertimer, og i projekter med integrationer er der også flest af dem. Et simpelt site hos en freelancer koster 5.000–15.000 kr., mens skræddersyede løsninger med integrationer starter omkring 50.000 kr. og kan løbe op over 200.000 kr. Vi har samlet timepriserne for udviklere i udvikler-timepriser i Danmark.

Regneeksempel: samme hjemmeside med tre forskellige hold

En revisionsvirksomhed med 20 ansatte vil have en ny hjemmeside på cirka 15 sider, hvor kunder kan booke et møde og uploade bilag sikkert. Der er tre typiske måder at løse det på, og de giver meget forskellige regnestykker. Tallene er eksempler regnet med markedets timepriser.

Den første løsning er billigst og kan være helt fin for et præsentationssite. Her er den risikabel, fordi følsomme kundedata håndteres af et plugin, som ingen har ansvaret for at holde opdateret. Den anden løsning er solid teknisk, men koordineringen mellem to freelancere koster både timer og kalendertid, og ingen af dem ejer helheden. Den tredje løsning koster typisk mere end den første og ofte omtrent det samme som den anden, men med én ansvarlig og en fast pris. For en revisionsvirksomhed, hvor fortrolighed er en del af produktet, er det sjældent et svært valg.

Hvilke tegn viser, at I har valgt den forkerte rolle?

• Hver ny funktion kræver et nyt plugin, og sitet bliver langsommere for hver gang.
• Designeren svarer, at noget ikke kan lade sig gøre, fordi temaet ikke understøtter det.
• Udvikleren har bygget noget, der virker, men som brugerne ikke kan finde ud af.
• Der er ingen, der kan svare på, hvem der har ansvaret for sikkerhedsopdateringer.
• Mobilversionen ser anderledes ud end i designet, og ingen ejer forskellen.
• Data fra formularer ender i en mailboks og skal tastes ind i et andet system bagefter.

Sådan sammensætter I det rigtige team til jeres hjemmeside

Spørgsmålene her hjælper jer med at afklare, om en leverandør dækker begge roller. Kopiér dem ind i jeres første mail:

1. Hvem designer, og hvem skriver koden? Er det de samme personer hele vejen?
2. Hvilke funktioner kan I bygge selv, og hvilke kræver andre leverandører?
3. Hvordan overleveres design til udvikling, og hvem godkender resultatet?
4. Hvem har ansvaret for hastighed, sikkerhed og opdateringer efter lancering?
5. Kan I vise et projekt, hvor I har bygget både design og integrationer?

Hos Ceptiv sidder design og udvikling under samme tag. Det betyder, at den, der tegner bookingflowet, taler med den, der bygger integrationen, hver dag. For Vaskekonerne byggede vi otte løsninger i ét kredsløb, fra hjemmeside og booking til drift, og det er præcis den type projekt, hvor en ren designer eller en ren udvikler ville have stået alene med halvdelen af opgaven. Se vores webløsninger, eller beskriv jeres projekt og få en fast pris inden for 24 timer.