Gå til indholdet

UX-bureau for webdesign og UI-design, fra research til udvikling

ASES er et UI/UX-designbureau. Vi designer hjemmesider, apps og software, som dine kunder og dit team kan finde rundt i uden vejledning. Derfor begynder vi med spørgsmålet om, hvad dine brugere vil have klaret, og designer ud fra det struktur, klikbar prototype og færdig brugerflade. Hvis du ønsker det, udvikler vores eget team også designet.

Få designet en hjemmeside eller app: sådan foregår det

Vælg, hvor din hjemmeside eller app står i dag. Kortet viser dit næste skridt, og hvad du står med efter hver fase.

Hvor står du?
  1. Du er her

Vi planlægger en ny hjemmeside eller app

Dit første skridt
Vi afklarer med dig, hvem der skal bruge din hjemmeside eller app, og hvad disse mennesker vil have klaret dér. Sider, forløb og design tager udgangspunkt i det.
Det er nok til at starte
En kort beskrivelse af dit projekt og, hvis du har dem, hjemmesider, du kan lide, med en sætning om, hvad du kan lide ved dem.

01 Indledende samtale og mål

Vi
Vi beder dig forklare, hvad din hjemmeside eller app skal opnå for din virksomhed, og ser på det, der allerede findes i dag: sider, programmer og materialer.
Du
Du beskriver mål og brugergrupper og viser os eksempler, du kan lide.
Til sidst
Et klart billede af mål, brugere og deres vigtigste opgaver.

Hvad dit udviklingsteam får, og hvordan udkastet bliver til kode, viser afsnittet længere nede. Fra udkast til kode

Sådan arbejder vi i detaljer

UI/UX-design: det designer vi for dig

UX-design fastlægger, hvordan dine brugere finder information og afslutter deres opgaver. UI-design udformer den brugerflade, de ser og betjener undervejs. Begge dele planlægger vi samlet, til hjemmeside, webshop og software. Ofte griber flere emner ind i hinanden, for eksempel ved et redesign, der begynder med en brugertest og slutter med et designsystem.

UX-research & brugertest

Forstå dine brugeres behov, og afprøv brugerflader med brugertest og prototyper.

  • UX-audit
  • Brugerinterviews
  • Brugertest
  • Klikbar mockup

Du får en liste over observationerne, ordnet efter vigtighed og hver med et tiltag.

Webanalyse & konverteringsoptimering
Læs mere

Vi begynder med det, der allerede findes: analysedata, spørgsmål, som salg og kundeservice besvarer igen og igen, og ord, som besøgende søger efter på din hjemmeside. Derefter taler vi med mennesker fra din målgruppe om deres erfaringer og lader dem løse typiske opgaver i en klikbar prototype. Hvor de tøver eller giver op, ændrer vi udkastet. En eksisterende hjemmeside eller software ser vi kort på allerede i den indledende samtale; den grundige gennemgang, UX-auditten, er så projektets første fase.

Passer, når du vil vide, hvor besøgende falder fra, eller hvorfor brugere bliver ved med at spørge.

Webdesign

Hjemmesider, der fører besøgende til målet og fungerer på både smartphone og desktop.

  • Responsivt webdesign
  • Virksomhedshjemmeside
  • Redesign

Du får udkast til alle sideskabeloner til smartphone, tablet og desktop.

Hjemmesideudvikling & CMS
Læs mere

Først afklarer vi, hvad besøgende skal kunne klare på din hjemmeside: sende en henvendelse, sammenligne produkter, finde en kontaktperson. Menu, forside og hver sideskabelon tager udgangspunkt i det. Responsivt webdesign betyder hos os, at vi designer hver skabelon til smartphone, tablet og desktop. Ved et redesign beholder vi det, der fungerer godt i dag, og ændrer det, der holder besøgende tilbage.

Passer, når besøgende hurtigere skal finde det, de leder efter, eller et redesign står for døren.

UI-design til apps & software

Brugerflader til apps og fagapplikationer, der kan betjenes uden oplæring.

  • Dashboard-design
  • Kundeportal
  • App-design
  • Fagapplikation

Du får udkast til alle visninger og tilstande, afprøvet i prototypen.

App-udvikling
Læs mere

Vi designer kundeportaler, dashboards, interne fagapplikationer og apps til iOS og Android. Hver visning viser, hvor brugeren står lige nu, og hvad der skal gøres som det næste. Desuden designer vi alle tilstande af en visning: tom, under indlæsning, med fejl og efter vellykket afslutning. I apps følger vi de betjeningsmønstre, dine brugere kender fra iOS og Android.

Passer, når dit team eller dine kunder arbejder med applikationen hver dag.

Designsystemer

En fælles samling af farver, skrifttyper og byggesten, så alle brugerflader forbliver ensartede.

  • Design tokens
  • Komponentbibliotek
  • Styleguide
  • Figma-bibliotek

Du får et bibliotek i Figma, efter ønske med komponenterne i kode.

Fra udkast til kode
Læs mere

Farver, skrifttyper og afstande fastlægger vi som design tokens. Knapper, formularfelter og andre komponenter designer vi med alle tilstande, sammen med regler for, hvornår hvilken bruges. Ændrer du en farve, ændres den i alle brugerflader på én gang. Kontraster, fokus og minimumsstørrelsen for berøringsflader er fastlagt i systemet. For en mellemstor virksomhed er et slankt bibliotek, der vokser med dit produkt, ofte nok.

Passer, når flere hjemmesider, apps eller teams bruger de samme byggesten.

Tilgængelighed & BFSG

Hjemmesider og apps, som så mange mennesker som muligt kan betjene uden barrierer, efter BFSG og WCAG.

  • Tilgængelig hjemmeside
  • Gennemgang af eksisterende hjemmesider
  • Oplysninger om tilgængelighed

Du får en hjemmeside, der kan betjenes med tastatur og skærmlæser.

Tilgængelighed efter BFSG og WCAG
Læs mere

Ved en ny hjemmeside planlægger vi kontraster, tastaturbetjening, etiketter til skærmlæsere og forståelige formularer ind fra den første skitse. Ved en eksisterende hjemmeside undersøger vi først, hvor barriererne ligger, og fastlægger med dig, i hvilken rækkefølge vi fjerner dem. Hvem den tyske tilgængelighedslov (BFSG) gælder for, og hvad der hører med, viser afsnittet længere nede.

Passer, når du tilbyder forbrugere en aftale online, eller når din hjemmeside skal kunne bruges af alle.

Visuel identitet

Logo, farver og skrifttyper, der gør din virksomhed genkendelig overalt.

  • Logo
  • Farver og skrifttyper
  • Designretningslinjer
  • Præsentationer og tryksager

Du får logofiler, farver, skrifttyper, designretningslinjer og skabeloner til præsentationer.

Læs mere

Vi designer dit logo fra bunden, udvikler farver, skrifttyper og billedsprog og fastholder i designretningslinjer, hvordan de bruges. Så bruger også dit team og andre leverandører dem rigtigt. Præsentationsskabeloner og tryksager designer vi i samme stil. Som bureau for visuel identitet, der også designer hjemmesider og apps, afprøver vi det nye udtryk med det samme på din hjemmeside og app. Ligger din visuelle identitet allerede fast, overfører vi den til designsystemet.

Passer, når din virksomhed skal fremstå ensartet på hjemmesiden, i præsentationer og i materialer.

Mere end brugerflader: illustration, motion og 3D

Ud over hjemmesider og apps designer vi de billeder, bevægelser og objekter, som dit brand skiller sig ud med.

Illustrationer og ikoner

Egne illustrationer og ikonsæt i stil med din visuelle identitet, til hjemmeside, app, præsentationer og tryksager.

  • Illustrator
  • Figma

Motion og animation

Animationer til brugerflader og logoer og korte videoer, der præsenterer dit tilbud. På hjemmesider og i apps realiserer vi dem med Lottie eller Rive, så de indlæses hurtigt.

  • After Effects
  • Lottie
  • Rive

3D og mockups

3D-visualiseringer og mockups, der viser dit produkt, din app eller din hjemmeside i brug.

  • Blender
  • Spline
  • Photoshop

Én idé, mange former

Hjemmeside, app, webshop eller kampagne: Vi giver din idé den form, der når dine kunder.

Sådan bliver en visning til: et eksempel fra kundeportalen

Et eksempel: En producents erhvervskunder ringer ofte for at spørge, hvornår deres levering kommer. Sådan redesigner vi ordreoversigten i kundeportalen, så de selv kan finde svaret.

Eksempel · kundeportal · ordreoversigt

  1. Forstå

    Det gør vi
    Vi læser de hyppigste spørgsmål til kundeservice og ser i analysedataene, hvor kunderne forlader portalen.
    Det bliver resultatet
    Kundernes vigtigste opgaver og deres vej gennem portalen, på én side.
  2. Skitsér

    Det gør vi
    Vi udformer flere varianter af oversigten og beslutter med dig, hvilken vi arbejder videre med.
    Det bliver resultatet
    En wireframe af ordreoversigten.
  3. Test

    Det gør vi
    Testpersoner løser en opgave i den klikbare prototype: »Find ud af, hvornår din ordre kommer frem.« Hvor de tøver, ændrer vi udkastet og tester igen.
    Det bliver resultatet
    En liste over observationerne og en ændret prototype.
  4. Design

    Det gør vi
    Vi designer oversigten færdig, med leveringsdatoen helt forrest, til smartphone og desktop, i lyst og mørkt tema og med alle tilstande.
    Det bliver resultatet
    Designfiler, klar til udvikling.

Fra udkast til kode: designsystem og overdragelse

Det, der er designet i Figma, skal se ud og betjenes i koden præcis som i prototypen. Derfor arbejder design og udvikling i samme team hos os, og farver, skrifttyper og byggesten har de samme navne i Figma og i koden.

I koden har farver, skrift, afstande og fokus de samme navne som i udkastet.

  • Farver og skrifttyper
  • Afstande og grid
  • Komponenter med alle tilstande
  • Skærmstørrelser
  • Oplysninger om tilgængelighed
  • Link til prototypen

Vi udvikler

Uanset om det er en hjemmeside med WordPress, TYPO3 eller Webflow, en webshop eller en app: Vi bygger den af de samme byggesten som i udkastet. Under udviklingen viser et link til forhåndsvisningen dig, hvad der allerede er på plads.

SoftwareudviklingE-handel

Dit team udvikler

Dit udviklingsteam får designfilerne med alle tilstande og skærmstørrelser og linket til prototypen. Hvis du ønsker det, leverer vi også komponenterne som kode, dokumenteret i Storybook.

Tilgængelig hjemmeside efter BFSG og WCAG: hvad der hører med

Tilgængelig betyder, at mennesker også kan betjene din hjemmeside med tastatur, skærmlæser eller kraftig forstørrelse. Det har alle besøgende gavn af, for eksempel gennem klare etiketter, forståelige fejlmeddelelser og letlæselige kontraster.

Vælg brugsmåde
Det kræves
Hvert felt og hver knap kan nås med tastaturet i en meningsfuld rækkefølge, og fokus forbliver altid synligt.
Sådan tjekker vi
Vi gennemgår hver skabelon uden mus, ved formularer helt til afsendelsen.

Vi designer og tjekker hvert projekt efter WCAG 2.2, niveau AA. Hjemmeside-tjekket måler for én side den del, der kan tjekkes automatisk; det er ikke en vurdering efter BFSG.

Åbn hjemmeside-tjekket

Hvem BFSG gælder for

Den tyske tilgængelighedslov (BFSG) gælder især hjemmesider og apps, hvor forbrugere indgår en aftale online, for eksempel i en webshop eller ved en booking. For sådanne tjenester gælder den siden den 28. juni 2025. Undtaget er mikrovirksomheder med færre end ti ansatte og højst 2 millioner euro i årlig omsætning eller balance, når de tilbyder tjenesteydelser. Rene informationssider og webshops, der udelukkende sælger til virksomheder, er som regel ikke omfattet af loven.

  • Webshopomfattet
  • Onlinebookingomfattet
  • Informationssidesom regel ikke omfattet
  • Webshop udelukkende for erhvervskundersom regel ikke omfattet

De oplysninger, loven kræver

  • Hvordan din tjeneste opfylder kravene til tilgængelighed
  • Den ansvarlige markedsovervågningsmyndighed

Den, der er omfattet af BFSG, offentliggør disse oplysninger om tilgængelighed for sin tjeneste. Vi forbereder dem sammen med dig.

Barrierer fjerner vi i koden, i skabelonerne og komponenterne på din hjemmeside, så hver side har gavn af det. Et overlay-plugin ændrer kun siden i den besøgendes browser; koden på din hjemmeside forbliver uændret.

Hvad koster webdesign? Det afhænger prisen af

Prisen for dit designprojekt kender du, før arbejdet begynder. For design og udvikling betaler du en fast pris pr. projekt, for support og videreudvikling et fast månedligt beløb.

Tilbud

Design og udvikling, engangsbeløb

Fastprisprojekt

Til research, design og efter ønske udvikling, frem til go-live.

  • Fast pris for det præcist beskrevne omfang
  • Ændrer omfanget sig, tilpasser vi først tilbuddet
  • Ingen afregning efter timer
Go-live

Efter go-live, månedligt

Support og videreudvikling

Til tiden efter go-live, efter ønske.

  • Fast månedligt beløb for vedligeholdelse og support
  • Telefonsupport døgnet rundt
  • Nye sider og funktioner pr. arbejdspakke med eget tilbud

Hvad omfanget afhænger af

  • Hvor mange sideskabeloner og visninger der skal laves
  • Hvilke research- og testtrin projektet kræver
  • Om der skal laves et designsystem, eller et eksisterende skal udvides
  • Om logo, farver og skrifttyper allerede ligger fast
  • Hvor tilgængelig en eksisterende hjemmeside allerede er
  • På hvor mange sprog brugerflade og indhold vises
  • Om vi også udvikler designet

Har du en budgetramme, så nævn den i den indledende samtale. Vi tilpasser omfanget efter den og planlægger flere sider til senere trin.

Omkostninger efter go-live

Også efter go-live er der omkostninger: til licenser for skrifttyper, billeder og værktøjer som Webflow, til hosting og til vedligeholdelse. Disse poster står i dit tilbud.

Det ejer du til sidst

Når alt er betalt, overdrager vi alt, hvad du har brug for til selv at videreføre din hjemmeside eller app eller få den videreudviklet af et andet team.

  • Design

    • Designfiler til alle brugerflader, vi designer for dig
    • Link til den klikbare prototype
    • Designsystem som bibliotek
  • Kode, hvis vi udvikler

    • Den kildekode, der er udviklet til dig
    • Git-repository med den komplette ændringshistorik
    • Teknisk dokumentation
  • Adgange

    • Servere og hosting
    • Domæner
    • Konti til alle tjenester
  • Rettigheder

    • Brugsrettigheder

Licenser til skrifttyper og billeder, konti hos værktøjer som Webflow og Figma-filerne ligger hos os under projektet. Når alt er betalt, overdrager vi dem til dig.

Filer og kode opbygger vi, så også et nyt team kan finde rundt i dem. Hvem der fremover tager sig af din hjemmeside eller app, bestemmer du.

Værktøjer, vi designer med

Vi arbejder med de værktøjer, der passer til opgaven: Figma og Sketch til brugerflader, Adobe Photoshop, Illustrator, InDesign og After Effects til billede, grafik og bevægelse, Blender og Spline til 3D og i koden React, Storybook og Tailwind CSS.

  • Design og prototyper

    Udkast, klikbare prototyper og biblioteker til designsystemer.

    • Figma
    • Sketch
    • Framer
  • Billede og grafik

    Billedbehandling, illustrationer, ikoner og tryksager.

    • Photoshop
    • Illustrator
    • InDesign
  • Motion og 3D

    Animationer til brugerflader og logoer, 3D-visualiseringer og mockups.

    • After Effects
    • Lottie
    • Rive
    • Blender
    • Spline
  • Komponenter

    Byggesten i koden, dokumenteret til dit udviklingsteam.

    • Storybook
    • React
    • Tailwind CSS
  • Hjemmesider

    Hjemmesider, hvis indhold dit team selv redigerer.

    • Webflow
    • WordPress
    • TYPO3
  • Research og analyse

    Hvordan besøgende bruger din hjemmeside, og hvor de falder fra.

    • Matomo
    • Google Analytics
    • Hotjar
  • Tjek af tilgængelighed

    Automatisk tjek af kontraster, etiketter og struktur, suppleret af vores manuelle tjek.

    • Lighthouse
    • axe-core
Alle teknologier

ASES i tal

  • 1 teamEget team, ingen underleverandører
  • 15+Mere end 15 års erfaring i teamet
  • 35+Virksomheder i mere end 35 lande arbejder med os
  • 10Samtaler på ti sprog
Om ASES

Ofte stillede spørgsmål til et UX-bureau

Svar om pris, forløb, brugertest, designfiler og tilgængelighed.

Hvad koster webdesign eller et UX-projekt?

Det afhænger af omfanget: af antallet af sideskabeloner og visninger, research- og testtrinnene, et designsystem, status for din visuelle identitet, sprogene, og om vi også udvikler designet. Så snart omfanget ligger fast, får du et tilbud til fast pris. Support afregner vi månedligt, nyt arbejde pr. arbejdspakke. Vi afregner ikke efter timer.

Hvor lang tid tager et designprojekt?

Varigheden afhænger af omfanget, af testrunderne og af, hvor hurtigt tekster, billeder og beslutninger foreligger. Vores eget team går hurtigt i gang. Har du en fast dato, for eksempel en messe eller et planlagt relaunch, så nævn den i den indledende samtale. Vi planlægger omfanget efter den.

Hvad gør et UX-bureau, og hvornår kan det betale sig for os?

Et UX-designbureau finder ud af, hvad dine brugere vil have klaret, og hvor de går i stå undervejs. Det afprøver brugerflader i en prototype, før der udvikles, og designer dem derefter færdigt. Det kan betale sig, når du planlægger en ny hjemmeside eller app, når besøgende falder fra, eller når et relaunch står for døren.

Hvad er UX-design, hvad er UI-design, og hvad er forskellen?

UX står for user experience, på dansk brugeroplevelse. UX-design fastlægger, om og hvor let brugerne når deres mål: struktur, forløb og begreber. UI står for user interface, brugerfladen. UI-design udformer det, brugerne ser og betjener: layout, farver, skrifttyper, knapper og deres tilstande. Vi planlægger begge dele samlet.

Hvordan tester I, om vores brugere kan finde ud af designet?

Mennesker fra din målgruppe løser typiske opgaver i den klikbare prototype, for eksempel at finde en ordre eller udfylde en formular. Hvem der finder deltagerne, fastlægger vi med dig for hvert projekt. Vi observerer, hvor de tøver eller går den forkerte vej, ændrer udkastet og tester igen. Til sidst får du en liste over observationerne, ordnet efter vigtighed og hver med et tiltag.

Hvad får vi til sidst: Figma-filer, prototype, designsystem?

Når alt er betalt, får du designfilerne til alle brugerflader i Figma, linket til prototypen, designsystemet som bibliotek og brugsrettighederne. Udvikler vi også designet, kommer den kildekode, der er udviklet til dig, med Git-repository, den tekniske dokumentation og alle adgange oveni.

Udvikler I også designet, og hvem tager sig af det bagefter?

Ja. Det samme team udvikler din hjemmeside med WordPress, TYPO3 eller Webflow, din webshop, din app eller din software. Har din virksomhed egne udviklere, overdrager vi designet til dem med alle tilstande og skærmstørrelser. Et design fra et andet team udvikler vi også. Efter go-live tager vi os efter ønske fortsat af hjemmesiden eller appen, med opdateringer, overvågning og videreudvikling.

Kan I omarbejde vores hjemmeside uden at bygge den helt om?

Ja. Først fastholder vi, hvad der fungerer godt i dag og kan blive. Med dine analysedata ser vi, hvor besøgende går i stå; hjemmeside-tjekket viser, hvor hurtigt en side indlæses, og hvilke barrierer der kan findes automatisk. Disse skabeloner og sider forbedrer vi i det eksisterende system. Passer struktur eller system ikke længere til din virksomhed, planlægger vi et relaunch med dig.

Hvornår kan et designsystem betale sig?

Så snart flere hjemmesider, apps eller teams bruger de samme byggesten, dit produkt fortsat vokser, eller dit udtryk begynder at skride forskellige steder. Til en enkelt mindre hjemmeside er en slank styleguide og et lille komponentbibliotek nok. Vi gør systemet så stort som nødvendigt og udvider det med dit produkt.

Skal vores hjemmeside være tilgængelig?

Indgår forbrugere en aftale online via din hjemmeside, for eksempel i en webshop eller ved en booking, er du siden den 28. juni 2025 som regel omfattet af den tyske tilgængelighedslov (BFSG). Mikrovirksomheder, der tilbyder tjenesteydelser, er undtaget. Rene informationssider og webshops udelukkende for erhvervskunder er som regel ikke omfattet af loven. Vi designer hvert projekt tilgængeligt efter WCAG 2.2, niveau AA, også når loven ikke gælder for dig.

Har vi først brug for en visuel identitet?

Ikke nødvendigvis. Ligger logo, farver og skrifttyper fast, overfører vi dem til designsystemet og designer hjemmeside og app med dem. Mangler de, eller ser dit udtryk forskelligt ud alle steder, udvikler vi først den visuelle identitet og afprøver den med det samme på de første visninger.

Hvad har I brug for fra os, for at vi kan gå i gang?

Du behøver ikke en briefing eller kravspecifikation. Beskriv kort dit mål og dine brugere. Det hjælper, hvis du sender adressen på din hjemmeside, eksempler, du kan lide, med en sætning om, hvad du kan lide ved dem, og eksisterende logoer, skrifttyper eller en styleguide. Hvis du vil, kan du også dele adgangen til dine analysedata.

Lad os tale om din hjemmeside eller app

Fortæl os, hvem der bruger din hjemmeside eller app, og hvad der skal blive lettere dér. Vi vender tilbage hurtigst muligt og finder et tidspunkt til den indledende samtale med dig.

  • Gratis indledende samtale
  • Uforpligtende
  • NDA efter ønske