När du börjar fråga runt efter hjälp med en hemsida stöter du snabbt på båda orden. Ibland i samma mening. Ibland som om de vore samma sak. Det är de inte, men skillnaden är enklare än den verkar.
Webbdesign handlar om hur det ser ut
Webbdesign är allt det visuella. Färger, typsnitt, layout, hur element placeras på sidan, hur det känns att navigera. En webbdesigner tänker på vad användaren upplever när de landar på din sida.
Bra webbdesign är inte samma sak som en vacker sida. Det handlar om att göra det tydligt och enkelt. Var är knappen? Var tittar ögat först? Förstår besökaren inom tre sekunder vad du erbjuder? Det är designfrågor.
Verktyg som ofta används: Figma, Adobe XD, ibland direkt i kod.
Webbutveckling handlar om hur det fungerar
Webbutveckling är den tekniska sidan. Kod som gör att sidan faktiskt fungerar. Det är det som händer när du klickar på en knapp, fyller i ett formulär, loggar in eller laddar upp en bild.
Webbutveckling brukar delas in i två delar:
Frontend är den kod som körs i webbläsaren och som du ser som besökare. HTML, CSS och JavaScript är grunderna. Det är frontend-koden som tar designen och gör den till en riktig sida.
Backend är det som händer bakom kulisserna. Servern, databasen, inloggningssystemet, allt som hanterar och lagrar data. Om din hemsida har ett bokningssystem eller en kundportal är det backend-kod som driver det.
Varför blandas de ihop?
Dels för att de hänger ihop. En hemsida behöver både design och kod för att fungera. Dels för att många som jobbar med webbutveckling också gör en del design, och tvärtom.
Det finns också ett mellanting som kallas UI/UX-design. UI (user interface) är det visuella gränssnittet. UX (user experience) handlar om hela upplevelsen, flödet, strukturen, hur logiskt allt hänger ihop. Det är designarbete som ligger väldigt nära den tekniska verkligheten.
Vad behöver du egentligen?
Det beror på vad du ska bygga.
Enkel presentationssida för ditt företag? Du behöver design och frontend-kod. I praktiken är det samma person eller byrå som gör båda.
Webbutik eller bokningssystem? Då behöver du även backend. Det är mer arbete och kostar mer, men det är för att det faktiskt är mer komplicerat.
Vill du bara uppdatera en befintlig WordPress-sida? Då är det kanske varken design eller utveckling du behöver, utan en som kan hantera WordPress och skriva om texter och byta bilder.
De flesta småföretag som kontaktar oss vet ungefär vad de vill ha men är osäkra på vad det tekniskt innebär. Det är helt normalt. En bra teknikpartner lyssnar på vad du försöker uppnå och berättar sedan vad som krävs för att komma dit.
Vad kostar det?
Webbdesign och webbutveckling prissätts ofta ihop för enklare projekt. En byrå som bygger hemsidor levererar vanligtvis ett komplett paket: design, kod och driftsättning.
Priset beror på komplexitet. En enkel presentationssida med fem sidor och ett kontaktformulär kostar mycket mindre än ett bokningssystem med inloggning och betalningsintegrationer. Läs mer i vår artikel om vad en hemsida kostar 2026.
Kort sammanfattning
| Webbdesign | Webbutveckling | |
|---|---|---|
| Fokus | Utseende och upplevelse | Funktion och teknik |
| Verktyg | Figma, Adobe XD | HTML, CSS, JS, databaser |
| Resultat | Layout, färger, flöde | Kod som körs i webbläsare och server |
| Behövs för | Alla webbprojekt | Alla webbprojekt |
I praktiken levererar de flesta webbbyråer, inklusive vi på Vex Digitalt, båda delarna i ett och samma projekt. Du behöver inte anlita en designer och en utvecklare separat om du inte har ett riktigt stort och komplext projekt.
Funderar du på vad du faktiskt behöver för din hemsida? Kontakta oss så berättar vi vad som passar ditt specifika fall.