Vad gör en Webbdesigner AD / CD?

Så ser vardagen ut

En stor del av arbetstiden går åt till konceptutveckling och att sälja in idéer till kunder eller interna team, medan det faktiska "pixel-flyttandet" i designprogrammen ofta tar mindre tid än vad många tror ju högre upp i rollen man kommer.

Visste du?

Design handlar ofta mer om psykologi än estetik. En skicklig webbdesigner styr besökarens blick och beslut genom subtila val av färg, kontrast och tomrum – så kallat "white space" – vilket kan öka konverteringen på en sajt med hundratals procent utan att en enda textrad ändras.

Konkreta arbetsuppgifter

Visuellt koncept och manér (Art Direction)

Kärnan i AD-rollen är att definiera hur något ska se ut och kännas. Det handlar om att ta fram en visuell riktning som stämmer överens med varumärkets identitet. Du skapar moodboards, väljer typsnitt och definierar färgpaletter som sätter tonen för hela webbplatsen.

Detta arbete sker ofta tidigt i projektet. Målet är att hitta en stil som håller över tid och fungerar på allt från en datorskärm till en klocka.

Exempel i vardagen:

En bank vill lansera en ny app riktad till ungdomar och tycker att deras nuvarande profil känns för "stel". Du tar fram tre olika visuella spår: ett tryggt och traditionellt, ett som är mörkt och tech-inspirerat, och ett som är färgglatt och lekfullt. Du presenterar moodboards för kunden för att spika riktningen innan någon börjar designa de faktiska sidorna.

Designsystem och komponenter

Moderna webbplatser byggs inte sida för sida, utan komponent för komponent. Du designar knappar, formulärfält, navigationsmenyer och kort som kan återanvändas över hela sajten. Detta kallas för att bygga ett designsystem.

Systemet måste vara skalbart. Om du ändrar färgen på en knapp i systemet ska det slå igenom överallt. Det kräver ett logiskt tänkande där du strukturerar designen nästan som kod.

Exempel i vardagen:

Utvecklarna påpekar att "Köp"-knappen ser olika ut på startsidan och i kassan. Du öppnar ert designbibliotek i Figma, uppdaterar huvudkomponenten till rätt storlek och skugga, och ser till att ändringen synkroniseras ut till alla 50 undersidor där knappen används. Ordningen återställd.

Kreativ ledning (Creative Direction)

Som CD (Creative Director) lyfter du blicken från skärmen. Din uppgift är att säkra att teamet levererar mot den övergripande idén och affärsmålen. Du ger feedback till andra designers, copywriters och animatörer för att se till att alla drar åt samma håll.

Det innebär många avstämningar och "creative reviews" där du guidar kollegor snarare än att göra jobbet själv. Du är kvalitetsfiltret innan något visas för kund.

Exempel i vardagen:

En junior designer har tagit fram en layout som är snygg men svår att använda. Du sätter dig med hen och pekar på att navigationen försvinner i den röriga bakgrunden. Istället för att ta över musen ställer du frågor som får designern att själv komma fram till att en renare bakgrund behövs för att lyfta innehållet.

Pitch och presentation

En idé är värdelös om ingen köper den. En viktig del av jobbet är att paketera och presentera designförslag för kunder eller ledningsgrupper. Du måste kunna argumentera för dina val – varför är knappen röd? Varför ligger menyn i botten?

Det handlar om att bygga förtroende och visa att designen löser ett affärsproblem, inte bara att det ser "fint" ut.

Exempel i vardagen:

Kunden ifrågasätter varför logotypen är mindre på mobilversionen. Du förklarar pedagogiskt att en för stor logotyp trycker ner det viktiga köp-flödet under skärmkanten, vilket statistiskt sett minskar försäljningen. Genom att koppla designvalet till kundens plånbok vänder du skeptisismen till ett godkännande.

Handoff och samarbete med utvecklare

När designen är godkänd ska den bli kod. Du förbereder designfilerna för "handoff" till utvecklarna. Det innebär att du tydligt märker upp avstånd, färgvärden och hur animationer ska bete sig.

Samarbetet slutar inte där. Under byggfasen bollar du dagligen med utvecklarna för att lösa tekniska hinder som dyker upp utan att tumma på designkvaliteten.

Exempel i vardagen:

Frontend-utvecklaren ringer och säger att animationen du ritat kommer göra sajten långsam på gamla mobiler. Ni sätter er tillsammans och hittar en kompromiss: ni förenklar effekten för mobiler men behåller den fulla upplevelsen för datorer. Du uppdaterar skisserna och utvecklaren kan fortsätta koda.

Specialisering och fördjupning

Inom den digitala designvärlden finns det utrymme att bli expert på specifika delar av processen, speciellt på större byråer eller produktbolag.

UI-design (User Interface)

Här ligger fokus helt på hantverket och "finliret". Du blir expert på typografi, mikro-animationer och pixelperfektion. Arbetsuppgifterna handlar om att skapa gränssnitt som är estetiskt tilltalande och väcker känslor, snarare än de stora strategiska penseldragen.

UX-strategi (User Experience)

Som UX-specialiserad AD/CD fokuserar du mindre på färger och mer på flöden. Arbetsuppgifterna kretsar kring användartester, kundresor (user journeys) och wireframes. Du säkerställer att strukturen håller innan någon börjar "måla" gränssnittet.

Motion & Interaction Design

Du specialiserar dig på hur saker rör sig. Statisk design upplevs ofta dött idag. Dina arbetsuppgifter handlar om att ta fram animationer för laddningsikoner, menyövergångar och scroll-effekter som gör upplevelsen levande och intuitiv.

Hur arbetsuppgifterna förändras med erfarenhet

Röster från yrket

I en intervju med tidningen CAP&Design berättar Magnus Jubro, Creative Director, om hur den kreativa processen ofta ser ut bakom kulisserna innan datorn ens startas:

För Magnus Jubro börjar processen i ett sånt här projekt med de första tankarna i ett skissblock. Så snart han sett briefen. Därefter följer research och fördjupning.

— Om Magnus Jubro, Creative Director, CAP&Design, 2021

Perniclas Bedow, grundare av designstudion Bedow, förklarar i en intervju varför dialogen mellan designers är så viktig för yrkets utveckling:

Förhoppningsvis så kan det resultera i att vi i branschen börjar prata lite mer med varandra och ger lite mer beröm. Vi har så många intressanta designers här i Sverige som omnämns i internationella sammanhang och det är på tiden att vi hyllar dem även här hemma.

— Perniclas Bedow, Creative Director, CAP&Design, 2017

I en karriärintervju med Ella Digitalt berättar webbdesignern Matilda om friheten i att forma sin egen arbetsdag jämfört med en traditionell anställning:

Många drömmer om att skapa ett eget liv som webbdesigner – ett liv med frihet, kreativitet och möjlighet att styra sin tid. Men få pratar om vägen dit.

— Matilda, Webbdesigner och egenföretagare, Ella Digitalt, 2025

Mer om yrket – Webbdesigner AD / CD

38 000 – 62 500 kr

Så mycket tjänar en Art Director i månaden enligt Unionens lönestatistik (2024). Spannet är stort eftersom rollen finns på allt från små ideella organisationer till stora internationella reklambyråer där lönerna ofta ligger i det övre skiktet.

Vad folk tror

    Att jobbet går ut på att göra saker "fina" och välja snygga färger.

Hur det faktiskt ser ut

    Modern webbdesign handlar primärt om problemlösning och tillgänglighet. En sajt som är vacker men omöjlig att navigera för en person med nedsatt syn är en misslyckad design. Mycket tid läggs på att förstå WCAG (lagkrav för tillgänglighet) och tekniska begränsningar.

AI förändrar skissfasen, inte slutmålet. Många designers använder idag AI-verktyg som Midjourney eller Adobe Firefly för att snabbt ta fram bildmanér eller idéer i början av ett projekt. Det ersätter inte designerns öga, men det gör att man kan testa tio idéer på den tid det tidigare tog att testa en. Arbetsuppgiften skiftar från att producera allt från grunden till att "curera" och förädla AI-genererat material.

Den osynliga arbetsuppgiften: Design Ops. På större företag växer behovet av struktur. En webbdesigner lägger idag mycket tid på att "städa" och organisera sina filer så att andra kan jobba i dem. Att namnge lager korrekt i Figma och dokumentera hur en komponent ska användas är idag lika viktigt som själva formgivningen, för att undvika kaos när teamet växer.

Dela