Webbdesign pris – vad betalar företag egentligen för?

Priset på webbdesign beror mindre på hur många vanliga undersidor en webbplats har och mer på hur många unika beslut, sidtyper och användarflöden som behöver designas. En mindre företagssajt byggd på ett etablerat designsystem är en helt annan leverans än en specialdesignad tjänst med bokning, kundportal eller avancerade produktflöden.

Därför är det svårt att jämföra två offerter enbart på totalsumman. Det viktiga är att förstå vad som faktiskt designas, hur långt arbetet drivs före utveckling och vem som ansvarar för innehåll, test och ändringar.

Vad ingår egentligen i webbdesign?

Webbdesign kan omfatta flera olika arbetsmoment. I en enkel leverans kanske leverantören främst anpassar färger, typsnitt och komponenter i ett befintligt tema. I ett större projekt kan designarbetet omfatta:

• informationsarkitektur och navigation
• wireframes för viktiga sidtyper
• UX för formulär, bokning, checkout eller andra flöden
• visuellt koncept och art direction
• komponentbibliotek eller designsystem
• responsiv design för mobil, surfplatta och desktop
• interaktiv prototyp
• användartest eller intern validering
• designspecifikation och överlämning till utveckling

Ju fler av dessa moment som ingår, desto mindre relevant blir en enkel jämförelse av ”pris per sida”.

De största faktorerna bakom priset

1. Mallanpassning eller unik design

En etablerad mall eller ett komponentbibliotek minskar antalet designbeslut och kan därför ge en snabbare leverans. Det passar ofta när webbplatsens behov är vanliga: startsida, tjänstesidor, om oss, kontakt och artiklar.

Unik design blir mer motiverad när varumärket behöver ett eget visuellt uttryck, när användarflödena är speciella eller när webbplatsen är en central del av själva tjänsten.

2. Antal unika sidtyper

Tio sidor behöver inte innebära tio olika designer. Om åtta av dem använder samma artikel- eller tjänstemall är designarbetet begränsat. Om varje sida har egen funktion och struktur blir arbetet betydligt större.

Be därför leverantören specificera antal unika mallar eller sidtyper, inte bara antal URL:er.

3. Komplexitet i användarflöden

En kontaktknapp är enkel att designa. Ett flöde där användaren väljer tjänst, tid, plats, tillval och betalning kräver fler tillstånd, felmeddelanden och beslut.

Komplexitet ökar bland annat med:

• bokningsflöden
• checkout och e-handel
• inloggade kundytor
• filter och avancerad sökning
• offert- och konfiguratorflöden
• data från externa system
• olika användarroller

4. Innehållets skick

Design går snabbare när rubriker, texter, bilder och innehållshierarki redan är genomarbetade. Om leverantören först behöver reda ut vad varje sida ska säga blir projektet delvis ett innehålls- och strategiarbete.

Det är därför viktigt att klargöra om copywriting, bildurval, SEO-struktur och innehållsmigrering ingår.

5. Antal revisionsrundor

”Obegränsade ändringar” låter tryggt men skapar ofta otydlig projektstyrning. Ett bättre upplägg är att definiera vilka steg som godkänns och hur många samlade feedbackrundor som ingår.

Exempel:

1. struktur och wireframe godkänns
2. visuellt koncept godkänns
3. sidmallar och komponenter färdigställs
4. responsiva varianter och detaljjusteringar görs

Stora förändringar efter ett godkänt steg kan då hanteras som ett nytt scope i stället för att hela projektet glider.

Hur ska man tänka kring prisnivåer?

Det finns ingen seriös universell prislista eftersom marknaden innehåller allt från standardiserade egenföretagarlösningar till stora byråprojekt. För ett företag är det mer användbart att dela upp behovet i ambitionsnivåer:

Be om ett fast eller uppskattat pris först när scope är tillräckligt tydligt. Annars jämför ni gissningar snarare än leveranser.

Designsystem – dyrare först, billigare senare?

Ett designsystem innebär att knappar, formulär, kort, tabeller, typografi, färger, spacing och andra komponenter definieras återanvändbart. Det kräver mer struktur i början men kan ge lägre kostnad vid fortsatt utveckling eftersom nya sidor inte behöver uppfinnas från grunden.

För en liten webbplats som sällan ändras kan ett omfattande designsystem vara överarbete. För en produkt eller större webbplats med återkommande utveckling är det ofta mer relevant.

Mobilanpassning ska vara specificerad

”Responsiv” bör inte betyda att desktopdesignen automatiskt krymps. Fråga hur leverantören hanterar:

• menyer och navigation på små skärmar
• tabeller och jämförelser
• formulär och felmeddelanden
• långa rubriker och textblock
• touchytor och knappar
• bilder och video
• sticky-element och popups

De viktigaste flödena bör granskas uttryckligen på mobil innan designen lämnas vidare till utveckling.

Vad ska stå i en offert för webbdesign?

En bra offert gör det möjligt att se vad som ingår och vad som kan bli tillägg.

• mål och omfattning
• antal unika sidtyper
• om wireframes ingår
• om UX-arbete eller användarflöden ingår
• vilka skärmstorlekar som designas
• antal koncept och revisionsrundor
• om prototyp ingår
• om designsystem eller komponentbibliotek ingår
• vem som levererar text och bilder
• om tillgänglighetskrav ingår i designen
• format och ansvar vid överlämning till utvecklare
• vad som räknas som ändrat scope

Vanliga kostnader som missas i jämförelsen

Designofferten är inte alltid hela webbprojektet. Kontrollera separat om följande ligger utanför:

• utveckling och CMS-implementation
• copywriting och SEO
• fotografi, illustration och licensmaterial
• innehållsmigrering
• integrationer
• hosting och licenser
• test och kvalitetskontroll
• löpande förvaltning

Så jämför du två offerter rättvist

1. Normalisera scope. Kontrollera att båda offerterna omfattar samma sidtyper och flöden.
2. Jämför processen. Finns research, wireframes och validering eller börjar arbetet direkt i visuell design?
3. Kontrollera ansvar. Vem skriver, testar, migrerar och godkänner innehåll?
4. Se på förvaltningen. Blir resultatet lätt att utveckla vidare eller kräver varje förändring specialarbete?
5. Bedöm relevanta referenser. Ett snyggt portfolioexempel är mindre viktigt än erfarenhet av liknande komplexitet och mål.

Vanliga frågor om webbdesign och pris

Är ett högre pris alltid bättre?

Nej. Ett högre pris kan spegla mer research, fler kompetenser och mer test, men kan också bero på leverantörens organisation. Jämför leveransen och processen, inte bara prislappen.

Kan ett företag börja med en mall och bygga om senare?

Ja, om den tekniska grunden är rimlig och mallen inte låser innehåll eller design onödigt hårt. För många mindre företag är det en rationell väg.

Behöver varje sida unik design?

Normalt inte. Återanvändbara sidmallar och komponenter ger ofta bättre konsekvens och enklare förvaltning.

Vad ska vara klart innan offert tas in?

Beskriv målgrupper, huvudmål, viktigaste sidtyper, funktioner, integrationer, ungefärlig innehållsmängd och vem som ansvarar för materialet. Då blir offerterna mer jämförbara.

Sammanfattning

Priset på webbdesign styrs främst av hur mycket som ska utredas, hur många unika sidtyper och flöden som behöver designas och vilken detaljnivå projektet kräver. En bra jämförelse utgår därför från scope, process, ansvar och förvaltning. När de delarna är tydliga blir det mycket lättare att avgöra om en offert är dyr, billig eller helt enkelt avser en annan leverans.