Design af hjemmeside: Skal det være helt “unikt” eller bare pænt og hurtigt?
Jeg bruger premium skabeloner, ikke “unikt design fra bunden”. Det giver dig et professionelt resultat til en brøkdel af prisen – og det virker langt bedre.
Der er to veje, når man taler design af hjemmeside: Enten går man efter “unikt design fra bunden” til 15.000 kr. (eller mere), eller også går man efter noget der er pænt, mobilvenligt, hurtigt og bare fungerer. For de fleste små og mellemstore virksomheder giver den første model ærligt talt sjældent mening. Det er ikke fordi “unikt” er dårligt – det er bare en dyr måde at købe sig til noget, som kunderne ofte ikke engang lægger mærke til.
Jeg har været arbejdet med webdesign 2004, dengang en designer leverede hele websitedesignet i en PSD-fil, og jeg sad og implementerede det “pixel perfect”, så det så ens ud i alle browsere. Internet Explorer 6 var et mareridt, og meget af arbejdet handlede mere om at få ting til at se ens ud i forskellige browsere end om at få dem til at virke. I dag er det heldigvis noget helt andet: Der findes virkelig gode premium skabeloner, som man kan købe, installere og tilpasse – og det er ofte både billigere og bedre.
Men det betyder ikke, at design er “gratis”. Min erfaring er, at det er her mange går galt i byen: Man vælger et tema, der ser pænt ud på en demo, men som er tungt, halvdårligt på mobil, eller som ikke bliver opdateret løbende. I min optik skal design være simpelt og tillidsvækkende ved første indtryk. Når det er på plads, bliver design hurtigt sekundært – så handler det mere om hastighed, struktur, SEO og konverteringer. Det er dér, hjemmesiden begynder at skabe værdi for alvor.
Hvad er godt hjemmeside design for små virksomheder?
Godt hjemmeside design handler sjældent om at være “unikt” eller “banebrydende”. Det handler om at din hjemmeside virker. Altså at folk forstår hvad du laver, får tillid til dig, og tager kontakt uden at skulle lede efter knappen eller zoome rundt på mobilen.
For små virksomheder som håndværkere, konsulenter, revisorer, behandlere og foreninger er design i praksis en blanding af førstehåndsindtryk, hastighed og tydelighed. Det er næsten aldrig “det kreative” der får en side til at performe. Det er det enkle, gennemtestede og ordentligt opsatte indhold – det er altid helheden der tæller.
De 5 ting der kendetegner design der virker
- Troværdighed. Første indtryk skal føles trygt. Rigtige billeder, ordentlig typografi, og en struktur der ikke virker hjemmelavet.
- Simpelt. Ingen distraherende animationer, popups eller billeder der dækker halvdelen af skærmen, eller menuer med 12 toppunkter. Folk er utålmodige.
- Mobilvenligt. Typisk kommer 60-70% af trafikken fra mobilen. Hvis din side kun “ser ok ud” på desktop, så taber du kunder.
- Hurtigt. Langsom side betyder at folk smutter. Jeg går altid efter et setup hvor serveren og opsætningen spiller sammen, så siden føles lynhurtig i brug.
- Tydelig call-to-action. Der skal være en tydelig næste handling. Kontakt, booking, eller “få et tilbud”. Ikke fem forskellige retninger på én gang.
Unikt design er ofte spild af penge
Jeg ser igen og igen at “unikt design” ender som en dyr omvej for små virksomheder. En premium skabelon som min, der er testet, hurtig og bliver opdateret løbende, slår næsten altid et specialdesignet site der er dårligt konfigureret. Det er ikke fordi skabeloner er kedelige. Det er fordi genkendelighed gør det nemt for dine besøgende at finde rundt.
Min tilgang er ret simpel. Jeg vælger et hurtigt og gennemtestet premium tema til WordPress, konfigurerer det korrekt, tilpasser farver og logo så det passer til dit brand, og så bruger jeg tid på hastighed og struktur. Det er her kvaliteten ligger.
Designet skal ikke være trendy og tomt
Jeg styrer uden om fancy animationer, kompleks navigation, langsomme videobaggrunde og designtrends der forældes om et år. Og ja, whitespace er fint. Der skal være luft. Men der er også hjemmesider der ender med at se tomme ud, fordi der er så meget luft at man føler man scroller for at finde indholdet. Balance er nøglen.
Hvis du vil have hele overblikket over hvordan jeg typisk bygger en ny hjemmeside, så giver det mening at læse processen fra start til slut.
Se hele processen for en ny hjemmesideDer er sket noget ret befriende med webdesign de sidste 15-20 år. Ikke fordi folk er blevet mere kreative, men fordi værktøjerne endelig er blevet så gode, at du ikke behøver betale en formue for at få noget der ser godt ud og virker på mobil.
Da jeg byggede kundesider i 2004-2010, var standarden ofte at en designer leverede en PSD-fil, og så sad jeg og implementerede det “pixel perfect”. Og så startede mareridtet med Internet Explorer 6. Den browser kunne ødelægge en hel uge. Samme CSS blev tolket forskelligt i forskellige browsere, og man endte med mærkelige hacks og særregler, som kun eksisterede for at få ting til at ligne hinanden.
Problemet var ikke at folk ikke kunne designe. Problemet var at “pixel perfect” kostede oceaner af timer, og kunden endte tit med at betale mange penge for det. Først til en grafiker og dernæst til en der implementerede designet. Ikke fordi det var “dårligt lavet”, men fordi teknologien simpelthen var tungere, og alt skulle specialbygges.
I dag køber du kvalitet for småpenge
I dag er premium WordPress themes som GeneratePress ekstremt gennemarbejdede (der er brugt tusindvis af timer på dem). De er responsive fra start, hurtige, SEO-venlige og får løbende opdateringer. Og prisen er typisk ekstremt lav. Det er billigt fordi tusindvis af brugere har betalt for at få det testet, forbedret og holdt opdateret.
- Du får et tema som er testet i virkeligheden af mange flere end bare én designer og én udvikler
- Du får opdateringer, så du ikke sidder fast i et gammelt design om 2 år
- Du sparer ofte 10.000-50.000 kr. i ren “unik design”-tid, uden at gå ned i kvalitet – tværtimod
Min tilgang er ret lavpraktisk
Jeg køber et godt premium tema (betalt), installerer det, konfigurerer det korrekt, og tilpasser det til dit brand med farver, typografi, logo og layout. Derefter optimerer jeg hastigheden, så du ikke ender med et tungt site der føles sløvt på mobil. Det er præcis sådan jeg kan levere en professionel WordPress hjemmeside til typisk 2.000-15.000 kr. uden at du skal betale for en masse “pixel perfect”-timer.
Ja, det er en skabelon og det er en fordel
Mange spørger om det så “bare er en skabelon”. Ja. Men en rigtig god skabelon, sat op ordentligt, slår et halvdårligt “unikt” design næsten hver gang. 99% af små virksomheder har ikke brug for at opfinde internettet på ny. De har brug for en hjemmeside der er nem at forstå, hurtig, og som får folk til at tage kontakt.
Se priser og eksemplerFarver, typografi og whitespace – designelementer der betyder noget
Når folk siger “design”, tænker de tit på logo og en flot forside. I praksis er det sjældent det, der afgør om en hjemmeside føles troværdig og nem at bruge. Det er de små ting, der går igen på alle sider, og som enten giver ro eller giver kaos.
Jeg plejer at se design som en kombination af farver, typografi, whitespace (mellemrum), billeder og layout. Hvis de fem spiller sammen, kan selv en simpel skabelon føles som “jer”. Hvis de ikke gør, kan selv et dyrt design ende med at virke rodet.
Farver der virker i praksis
Mit udgangspunkt er næsten altid 1-2 primære farver fra dit brand og så én tydelig kontrastfarve til knapper og vigtige handlinger. Hvis dit udtryk f.eks. er blåt, kan en orange kontrastfarve være genial til CTA-knapper, fordi den skiller sig ud uden at larme.
- Godt eksempel: Primærfarve til logo og overskrifter, hvid eller lysegrå baggrund, sort tekst, og en kontrastfarve på knapper så man ikke er i tvivl om hvor man skal klikke.
- Dårligt eksempel: Gul tekst på hvid baggrund, mørk tekst på mørk baggrund, eller et “regnbue-site” hvor hver sektion har sin egen farve. Det ender næsten altid med dårlig læsbarhed.
Jeg tænker også kontrast ind ift. WCAG-krav. Ikke fordi du nødvendigvis skal nørde regler, men fordi det er pinligt at lave en hjemmeside, hvor folk reelt ikke kan læse teksten.
Typografi der ikke spænder ben
Én eller max to fonte er rigeligt. Én til overskrifter og én til brødtekst. Jeg bruger altid fonte der er pæne og lette at læse og som fungerer godt på både mobil og desktop. På mobil går jeg sjældent under 16px, og jeg sætter line-height så der kommer luft, typisk 1.5-1.8.
- Dårligt eksempel: Fem forskellige fonte, for lille tekst, eller “fancy” script-fonts til lange afsnit. Det ser måske sjovt ud i et logo, men det er ikke sjovt at læse.
Whitespace giver øjnene ro
Jeg er stor tilhænger af whitespace. Tingene skal ikke klumpe sammen. Jeg har set alt for mange hjemmesider hvor tekst, billeder og knapper ligger alt for tæt. Det bliver tungt at afkode, og så klikker folk væk.
GeneratePress har gode defaults, men af og til justerer justerer jeg spacing, så der er nok luft mellem sektioner, luft omkring knapper og en rytme i layoutet. Det er ofte her en hjemmeside går fra “hjemmelavet” til “det her virker faktisk”.
Skriv og fortæl hvad du gerne vil udtrykkeCall-to-action og konverteringsdesign – design der leder til handling
En ny hjemmeside skal ikke bare se pæn ud. Den skal få folk til at gøre noget. Ringe, sende en besked, udfylde en formular eller booke et møde. Hvis dit site ikke leder besøgende hen mod en handling, så har du i praksis betalt for et digitalt visitkort, der står og samler støv.
En CTA (call-to-action) er helt enkelt en knap eller et link, der siger tydeligt hvad næste skridt er. “Ring nu”, “Få et tilbud” eller “Book tid”. Det lyder banalt, men det er her jeg igen og igen ser hjemmesider falde igennem, også dem der ellers er flotte.
De klassiske dårlige CTA’er jeg ser
- Knapper der siger “Klik her” eller “Læs mere” og ikke fortæller hvad man får ud af det.
- CTA’er der nærmest er usynlige fordi de har samme farve som baggrunden.
- For små knapper, så man rammer forkert på mobil.
- Handlinger der er begravet langt nede på siden, så folk skal scrolle i evigheder.
- Alt for mange forskellige CTA’er, så besøgende bliver i tvivl og ender med at gøre ingenting.
Det der typisk virker i praksis
Jeg holder mig som regel til 1-2 primære CTA’er og placerer dem strategisk. Øverst i hero-sektionen, efter vigtige afsnit og i bunden. Knapperne får en kontrastfarve, så de står frem, og de bliver store nok til at man kan trykke på dem uden at bande ind i skærmen.
Konvertering handler også om friktion. En kontaktformular med 10 felter er en god måde at skræmme folk væk på. Jeg bygger typisk formularer med 3-5 felter, så du får de vigtigste oplysninger uden at gøre det besværligt.
Har du anmeldelser, kundeudtalelser eller andet social proof, så skal det ikke gemmes væk. Det er ofte det sidste lille skub, der gør at folk tør tage kontakt. Flot design uden en klar CTA er spild af penge.
Hvis du vil nørde mere i det her, har jeg en side om hvordan jeg arbejder med konverteringsoptimering.
Læs om konverteringsoptimeringDesign + SEO går hånd i hånd
Nogle kan lave et sindssygt flot website, men SEO er tydeligvis kommet ind som en eftertanke. Resultatet er typisk et site der “ser dyrt ud”, men som Google har svært ved at forstå, og som derfor ikke får den trafik det burde kunne få.
Design og SEO hænger sammen, fordi Google i praksis læser struktur og sammenhæng. Det handler ikke om at smide flere søgeord ind i teksten. Det handler om at bygge et site som giver mening.
Designelementer der hjælper dig i Google
- Rene URLs der er korte og logiske, så både mennesker og Google kan gætte hvad siden handler om.
- Overskriftsstruktur der sidder rigtigt. Én H1, og derefter H2 og H3 i en logisk rækkefølge, så indholdet ikke bliver en rodebutik.
- Intern linking der faktisk er tænkt igennem. Menu, undersider, og gerne breadcrumbs, så man kan se hvor man er på sitet.
- Mobilvenligt design, fordi Google vurderer dit site ud fra mobilvisningen først.
- Hastighed, hvor jeg typisk bruger LiteSpeed Cache sammen med et setup der passer til WordPress. Langsomme sites bliver sjældent belønnet.
- Schema markup, så Google får ekstra kontekst. Jeg sætter det normalt op via Rank Math, så det bliver gjort ordentligt.
- Billeder med alt-tekst og fornuftige filstørrelser, så de ikke ødelægger loadtiden.
Det der ødelægger SEO, selvom designet er pænt
- Tunge billeder og sliders der gør sitet langsomt.
- Tunge videoer der indlæses som baggrund i en hero-sektion
- Mobilvisning der er “næsten ok”, men hvor knapper, tekst og spacing sejler.
- Sider uden intern sammenhæng, hvor alt ligger fladt, og ingen ved hvad der hører til hvad.
- Overskrifter der bare er gjort større med styling i stedet for rigtige H-tags.
Min tilgang er at få SEO med fra start. Jeg strukturerer siderne logisk, holder URL’er rene, sætter title tags korrekt, laver intern linking, og får schema på plads. Når design og SEO spiller sammen, bliver det meget nemmere at få et site der både ser godt ud og faktisk kan findes.
Få svar på hvad der holder dit site tilbageEksempler på godt vs. dårligt hjemmeside design
Jeg kan snakke om designprincipper i timevis, men det er ofte nemmere at se det sort på hvidt. Når jeg gennemgår en ny kundes hjemmeside, er det tit de samme fejl der går igen. Og ja, det rammer både håndværkere og konsulenter, bare på hver sin måde.
Eksempel 1 – Dårligt design for en håndværker
Jeg ser stadig håndværkersider med mørk tekst på mørk baggrund, fem forskellige fonte og en menu der ligner en buffet. Og på mobilen skal man zoome ind for at ramme noget som helst. Kontaktinfo er gemt væk, og billederne er smidt op direkte fra telefonen i 5-10 MB stykket. Det gør sitet tungt og irriterende at bruge.
- Mørk på mørk og for mange fonte gør siden svær at læse
- Ikke mobilvenligt betyder at folk giver op efter 5 sekunder
- 20 menupunkter skaber forvirring i stedet for overblik
Resultatet er typisk høj bounce rate og nul henvendelser. Ikke fordi håndværkeren ikke kan sit fag, men fordi siden skræmmer folk væk.
Eksempel 1 – Godt design for en håndværker
Det gode eksempel er ret kedeligt på den gode måde. Hvid baggrund, sort tekst, to fonte, og en menu med fem punkter. På mobilen er knapperne store, og der ligger en tydelig “Ring nu”-knap i en orange farve, så man ikke skal lede. Billederne er lavet om til WebP og fylder typisk max 100 KB, så siden indlæses hurtigt.
Det er den type side der ofte giver lav bounce rate, flere opkald og i nogle tilfælde top 3 på Google, fordi Google også kan lide hurtige, mobile sider med tydelig struktur.
Eksempel 2 – Dårligt design for en konsulent
Her går det galt på en anden måde. Alt for meget whitespace så siden føles tom, “fancy” animationer der først er færdige efter 8 sekunder, og en videobaggrund på 9 MB der gør alt langsomt. Teksten er generisk, der er ingen referencer eller andet der skaber tryghed, og kontaktformularen ligner en jobansøgning med 12 felter.
Det ser flot ud i et pitch, men konverterer ofte elendigt i praksis.
Eksempel 2 – Godt design for en konsulent
Det gode konsulent-design er stadig pænt, men mere jordnært. Whitespace er balanceret, animationer er simple, og hero-billedet er optimeret til omkring 100 KB. Teksten er konkret og tør godt sige noget som “800 kr./time” og “20 års erfaring”, i stedet for varm luft. Referencer er synlige, og formularen har tre felter, så man faktisk får den udfyldt.
Sådan bruger jeg eksempler i min proces
Inden vi går i gang, viser jeg typisk eksempler og guider dig væk fra de valg der ser smarte ud, men som ender med at koste dig kunder. Jeg bygger hellere noget der virker på mobil, loader hurtigt og gør det nemt at kontakte dig, end noget der prøver at være “unikt” for enhver pris. Hvis du vil se hvordan jeg griber det an trin for trin, så kig på processen og priserne her.
Skal du have hjælp til hjemmeside design? Kontakt mig og lad mig give pris på ny hjemmeside i professionelt design.
Skriv og fortæl hvad du vil have din hjemmeside til at gøreOfte stillede spørgsmål om webdesign
Her er de spørgsmål jeg oftest får om professionelt webdesign. Hvis dit spørgsmål ikke er med, så kontakt mig – jeg svarer typisk inden for få timer.
Unikt design betyder typisk, at alt bliver tegnet fra bunden, og at der ofte ligger mange timer i detaljer, variationer og specialfunktioner. En premium skabelon er en gennemtestet base, hvor jeg tilpasser farver, typografi, layout og indhold, så det passer til din virksomhed – uden at opfinde den dybe tallerken. Min erfaring er, at skabelontilgangen giver MEGET mere værdi for pengene for små virksomheder, fordi du får et design der virker, og som er nemt at videreudvikle. Og ja: det kan stadig se professionelt ud, uden at det behøver være unikt på den dyre måde.
Kan jeg få pixel perfect design?
Hvis du mener 1:1 match med en designfil ned til hver eneste pixel på alle skærmstørrelser, så nej – det giver ganske enkelt ingen mening. Ofte ser jeg, at pixel perfect ender med at koste mange ekstra timer uden at give mere værdi for brugeren. Jeg vil hellere levere et skarpt, konsistent design end en dyr jagt på unikt design.
Hvorfor bruger du ikke Elementor, Divi eller andre page builders?
Fordi jeg bygger med WordPress og Gutenberg-blocks, og det giver mig et mere stabilt og fremtidssikret setup, der typisk er hurtigere og nemmere at holde rent teknisk. Page builders kan være fine, men jeg ser ofte sites blive tungere, sværere at fejlrette og mere låst til et bestemt plugin over tid. Når du holder dig tættere på WordPress standarder, er det også nemmere at få hjælp af andre senere, hvis du en dag skifter leverandør. Og helt ærligt: Jeg gider ikke sælge dig en løsning, der føles smart nu, men er træls om 2 år.
Hvad koster design af hjemmeside hos dig?
Jeg tager 800 kr. i timen ekskl. moms, og responsivt design er en del af den samlede hjemmesideopgave. En simpel løsning med flot hjemmeside design. ligger typisk i 2.000–5.000 kr. (ca. 3–6 timer), medium 6.000–10.000 kr. (ca. 8–12 timer), og større løsninger 10.000–20.000 kr. (ca. 12–25 timer). Prisen afhænger især af hvor meget indhold der skal sættes op, hvor mange sider der er, og hvor mange runder md rettelser vi skal igennem.
Kan jeg selv ændre design efter du har lavet det?
Du kan selv ændre tekst, billeder og mange layout-ting med Gutenberg, uden at du skal rode med kode. Jeg prøver også at sætte ting op, så du ikke kan smadre designet ved et uheld, men du har stadig frihed til at justere. Hvis du vil kunne ændre alt, helt frit, så kan det til gengæld koste på konsistens og hastighed – så jeg plejer at finde en balance, der passer til dig.
Hvordan sikrer du at designet loader hurtigt?
Jeg starter altid på en gennemtestet WordPress-base og holder mig fra tunge designs, der koster på performance. I praksis handler det især om at undgå unødige scripts, holde layoutet simpelt nok til at browseren kan tegne det hurtigt, og optimere billeder rigtigt. Jeg har også brugt mange år på at teste hastighed på egne sites, så jeg ved hvor de klassiske flaskehalse ligger. Hvis du vælger at hoste hos mig, er opsætningen desuden lavet til Litespeed hosting, som typisk giver et ret mærkbart hastighedsboost.
Er dit design SEO-optimeret fra start?
Ja – jeg tænker SEO og Google PageSpeed score ind fra første sekund, fordi design og struktur hænger sammen. Det betyder bl.a. korrekt headingstruktur, mobile-first, fornuftig intern struktur og at siden ikke bliver bygget på en måde, der gør den langsom eller svær for Google at forstå. Jeg sætter også SEO-plugin korrekt op og bruger schema markup hvor det giver mening. Det er ikke det samme som at du automatisk ranker højt (det lover jeg aldrig), men du starter uden de klassiske SEO-fejl, som mange først opdager alt for sent.
Er der forskel på design til B2B vs. B2C virksomhed?
Ja, ofte. B2B handler tit mere om troværdighed, cases/ydelser, tydelig proces og at gøre det nemt at tage kontakt – fordi beslutningen sjældent er impulsiv. B2C kan i højere grad handle om tempo, enkelhed og at få folk hurtigt frem til pris, booking eller køb. Men jeg tager ikke udgangspunkt i B2B-design som en stilart – jeg tager udgangspunkt i hvad dine kunder skal kunne finde, forstå og gøre på siden. Det er typisk dér, designet enten virker… eller falder fra hinanden.
