Hjemmeside design.
Struktur først. Så udseendet.
Design handler ikke kun om, hvordan siden ser ud, men om, hvad den besøgende skal forstå og gøre. Her kan du se, hvordan jeg designer en hjemmeside i Figma, hvilke valg du selv tager undervejs, og hvordan designvalgene ser ud i tre kundeprojekter.
Se designvalgene · Beregn din pris
- Designværktøj
- Figma, tilpasset din virksomhed
- Du vurderer
- Arbejdet undervejs, med samlet feedback
- Designfilen
- Kan overdrages, hvis jeg har designet den
Struktur, indhold og udseende, i den rækkefølge
Jeg begynder ikke med farver og skrifttyper, men med spørgsmål: Hvem er siden til, hvad skal de forstå, og hvad skal de gøre bagefter? Svarene afgør, hvilke sider der skal være, og hvad hver side skal vise først. Først derefter tegner jeg det visuelle udtryk, så designet passer til virksomheden og ikke til en tilfældig branchetemplate.
Designet tegnes i Figma. Det kan omfatte informationsarkitektur, UI/UX, responsive skærmbilleder og et enkelt designsystem. Telefon og tablet planlægges fra start, fordi det koster mere at tegne mobilen først i browseren.
- Informationsarkitektur: hvilke sider, og i hvilken rækkefølge
- Responsive skærmbilleder til telefon, tablet og computer
- Et enkelt designsystem med farver, skrifter og komponenter
Fra spørgsmål til godkendt design
Fem trin, hvor du hele tiden kan se, hvad der er besluttet, og hvad der mangler.
Mål og målgruppe
Vi afklarer, hvem siden er til, og hvilken handling den skal gøre let. Her taler vi også om dit eksisterende materiale: logo, farver, tekster og billeder.
Sider og struktur
Jeg strukturerer indholdet: hvilke sider der skal være, og hvad der står øverst på hver. Antallet af sider afgør også, hvilket niveau projektet ligger på i prisen.
De centrale visninger
Jeg designer de centrale visninger i Figma, med telefon og tablet fra start, og prøver dem med rigtige tekster. Danske ord er lange, og en knap, der virker med tre ord i designet, kan knække med «Konverteringsoptimering».
Din feedback
Du ser arbejdet undervejs og giver samlet feedback på aftalte tidspunkter. Det er billigst at rette i designet, før det bygges. Ændringer efter byggeriet er en ny opgave, hvis de ændrer strukturen.
Fra design til bygget side
Når designet er aftalt, bygger jeg det i den valgte platform og kontrollerer det ved 320, 390 og 768 px. Hvordan et Figma-design bliver til en bygget Webflow-side, står på siden om Figma til Webflow.
Seks valg, du tager undervejs
Hvert valg ændrer noget i designet, og nogle af dem ændrer også prisen. Beløbene gælder Starter, Business og Premium i den rækkefølge og er ekskl. moms.
Hvad siden skal få besøgende til at gøre
Et hovedmål, fx at ringe, booke eller sende en forespørgsel, afgør, hvad forsiden viser først og hvor knapperne står.
Hvilke sider der skal være
Sideantallet afgør både strukturen og niveauet: 1–3, 4–8 eller 9–15 sider. Tæl de sider, du har brug for nu; resten kan bygges til senere.
Om du har en visuel identitet
Har du logo og farver, bygger designet på dem, og det giver et fradrag på 500 kr. / 850 kr. / 1.350 kr. Har du ikke, tegner jeg udtrykket ud fra virksomheden. Logodesign er ikke inkluderet i den beregnede pris.
Hvor meget bevægelse
Standarddesignet er roligt. Avanceret design og animationer er et tillæg på 3.500 kr. / 6.000 kr. / 9.000 kr. Bevægelse planlægges, så den kan slås fra for dem, der har bedt om reduceret bevægelse.
Hvilket indhold der er klar
Designet prøves med dit rigtige indhold. Hjælp til struktur og billedvalg er et tillæg på 750 kr. / 1.500 kr. / 2.250 kr. eller 1.500 kr. / 2.700 kr. / 4.200 kr. efter, hvor meget der mangler. Fuld tekstforfatning og fotografering er ikke inkluderet i den beregnede pris.
Om du allerede har et design
Har du et design i Figma, kan jeg bygge efter det efter en gennemgang. Mangler det auto layout eller mobilversioner, aftaler vi, om det skal færdiggøres først, før der gives en fast pris.
Tre projekter, tre designvalg
Hvert projekt viser et valg, der blev truffet ud fra virksomhedens behov. Casesiderne viser skærmbillederne.
Tand i Søborg
Kundeprojekt · Website · Webdesign
Lyst og roligt design med en tydelig forside («Tandpleje med et smil.»), korte tekster og klare veje videre til «Om os» og kontakt. De 14 sider er ordnet efter patientens spørgsmål, og akut hjælp har sin egen side.
Wester Performance
Kundeprojekt · Website
Én samlet forside med tydelige afsnit frem for mange undersider: Frederik som coach og atlet, forløb, resultater og samarbejdspartnere. Forsiden åbner med et klart løfte og en billedserie fra løb og træning.
BalleLillelund
Kundeprojekt · Shopify · Webshop
Samlinger frem for lange menuer: 37 samlinger, så kunderne hurtigt finder det, de leder efter, og leveringsinformation lige øverst på siden.
Hvad designarbejdet omfatter, og hvad det ikke gør
Illustrationer, ikonsæt og mockups er ikke en del af mine ydelser, så de skal leveres af en grafiker. Til mange projekter kan du i stedet bruge illustrations- og ikonbiblioteker af høj kvalitet. Kræver projektet illustration, branding eller anden specialistkompetence, aftaler vi det før opstart.
Det aftales i tilbuddet, hvem der får Figma-filen. Hvis jeg har designet, kan du få filen overdraget; en eventuel licens til Figma betales af den, der bruger programmet.
Ofte stillede spørgsmål om design af en hjemmeside
Hvad får jeg at se, før siden bygges?
Jeg designer de centrale visninger i Figma, og du ser arbejdet undervejs og giver samlet feedback på aftalte tidspunkter. Det er billigst at rette i designet, før det bygges.
Kan jeg få ændringer i designet, efter at det er bygget?
Ja, men det er billigst at rette i designet, før det bygges. Ændringer efter byggeriet er en ny opgave, hvis de ændrer strukturen.
Kan du bygge efter mit eget design?
Ja, hvis designet er lavet i Figma. Jeg bygger det i Webflow efter dit design, og det hjælper, hvis filen er ryddelig og indeholder en stilguide. Designfiler fra Photoshop eller Illustrator tager jeg ikke imod.
Hvad koster design?
Design i Figma er med i grundprisen: fra 3.495 kr. ekskl. moms for op til tre sider, fra 9.495 kr. for 4–8 sider og fra 17.495 kr. for 9–15 sider. Avanceret design og animationer er et tillæg, og en eksisterende visuel identitet giver et fradrag.
Laver du logo og branding?
Logodesign er ikke inkluderet i den beregnede pris. Kræver projektet branding eller anden specialistkompetence, aftaler vi det før opstart.
Laver du illustrationer, ikoner eller mockups?
Nej. Illustrationer, ikonsæt og mockups er ikke en del af mine ydelser, så de skal leveres af en grafiker.
Hvordan sikrer du, at designet virker på mobil?
Telefon og tablet planlægges fra start i Figma, og den byggede side kontrolleres ved 320, 390 og 768 px og på bredere skærme.
Fra design til pris og bygning
- Figma til Webflow – Hvordan et design bliver til en bygget side, og hvad der kræves af designet.
- Køb en hjemmeside – Niveauer, tillæg og afgrænsning, hvis du vil bestille.
- Hjemmeside pris – Hvad prisen består af, og hvad design, identitet og indhold betyder for den.
- Case: Tand i Søborg – Klinikkens hjemmeside med skærmbilleder.
- Case: Wester Performance – En coachs personlige hjemmeside med skærmbilleder.
- Case: BalleLillelund – Webshoppen med 37 samlinger.
- Webdesigner i Hellerup – Samarbejdet fra første snak til lancering.
- Freelance webdesigner – Hvordan det er at arbejde med én selvstændig.
- Prisberegner – Sæt dit eget projekt sammen, og se et vejledende estimat.
Skal vi se på dit design?
Skriv kort, hvad hjemmesiden skal gøre, eller beregn et vejledende estimat først. Du får svar fra mig og et fast tilbud, før du binder dig til noget.
Direkte til mig: +45 20 71 02 89 · ow@oscarwinther.dk