UX-bureau for webdesign og UI-design, fra research til udvikling
Tekst
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.
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.
Vores hjemmeside eller software skal blive enklere
Dit første skridt
Først undersøger vi, hvad der fungerer godt i dag og kan blive. Derefter ser vi, hvor brugerne går i stå, og omarbejder netop de steder.
Det er nok til at starte
Adressen på din hjemmeside eller en testadgang til softwaren. Adgang til dine analysedata hjælper, hvis du vil dele den.
Vi vil gøre vores hjemmeside tilgængelig
Dit første skridt
Hjemmeside-tjekket viser dig straks for én side den del, der kan måles automatisk. Tastatur, skærmlæser og forstørrelse tjekker vi desuden manuelt og fastlægger derefter med dig, hvilke skabeloner og byggesten vi tilpasser.
Det er nok til at starte
Adressen på din hjemmeside.
Vores udtryk ser forskelligt ud alle steder
Dit første skridt
Vi samler, hvordan din virksomhed fremstår i dag: på hjemmesiden, i præsentationer og i materialer. Logo, farver og skrifttyper udvikler vi i designfasen og afprøver dem dér med det samme på din hjemmeside.
Det er nok til at starte
Dit nuværende logo og nogle eksempler på dine materialer.
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.
02 Omfang og tilbud
Vi
Vi fastlægger, hvilke sider og visninger der skal laves, hvilke research- og testtrin projektet kræver, om et designsystem hører med, og om vi også udvikler designet.
Du
Du sætter prioriteterne og gennemgår tilbuddet.
Til sidst
Et tilbud til fast pris med et præcist beskrevet omfang.
03 Research og struktur
Vi
Vi analyserer eksisterende data, for eksempel analysedata og hyppige spørgsmål til din kundeservice, og taler med mennesker fra din målgruppe. Derefter fastlægger vi sidestruktur og forløb som wireframes.
Du
Du giver os adgang til dine data. Hvem der finder deltagerne til samtaler og test, fastlægger vi sammen.
Til sidst
En struktur af sider og forløb, som alle er enige om.
04 Prototype, test og design
Vi
Hver brugerflade afprøver du i en klikbar prototype, før udviklingen begynder. Vi tester den med mennesker fra din målgruppe, ændrer de steder, hvor de tøver, og designer derefter alle visninger til smartphone og desktop, tilgængeligt.
Du
Du giver feedback på prototypen og træffer beslutningerne om designet sammen med os.
Til sidst
Testede udkast til alle visninger.
05 Udvikling og overdragelse
Vi
Vi udvikler designet som hjemmeside, webshop eller software eller overdrager det til dit udviklingsteam. Ved lanceringen oplærer vi dit team. Efter go-live tager vi os efter ønske fortsat af hjemmesiden eller appen og forbedrer den.
Du
Du gennemgår resultatet sammen med os før go-live.
Til sidst
En brugerflade, der fungerer, som den blev testet i prototypen.
Hvad dit udviklingsteam får, og hvordan udkastet bliver til kode, viser afsnittet længere nede. Fra udkast til kode
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
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.
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
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.
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
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.
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
AaAa
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.
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
Tab⏎
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.
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
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.
Illustration, motion, 3D
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
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
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 og mockups
3D-visualiseringer og mockups, der viser dit produkt, din app eller din hjemmeside i brug.
Blender
Spline
Photoshop
En idé
Én idé, mange former
Hjemmeside, app, webshop eller kampagne: Vi giver din idé den form, der når dine kunder.
Hjemmeside
Webshop
Din idé
App
Kampagne
Eksempel
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
01 Forstå
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.
02 Skitsér
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.
03 Test
»Find ud af, hvornår din ordre kommer frem.«Her tøvede testpersonerne.
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.
04 Design
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.
Overdragelse
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.
Udkast
accent
title
xl
4
focus
Kode
I koden har farver, skrift, afstande og fokus de samme navne som i udkastet.
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.
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ængelighed
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.
VirksomhedE-mailIndtast en gyldig e-mailadresse.Send
TabTab⏎
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.
Det kræves
Felter, knapper og billeder har navne, som en skærmlæser læser op. Fejlmeddelelser siger, hvad der skal gøres.
Sådan tjekker vi
Formularer og forløb lytter vi igennem med en skærmlæser.
Det kræves
Ved kraftig forstørrelse lægger indholdet sig under hinanden, og intet bliver skåret af. Tekst skiller sig ud fra baggrunden med tilstrækkelig kontrast.
Sådan tjekker vi
Hver skabelon tjekker vi kraftigt forstørret og måler kontrasterne for tekst og betjeningselementer.
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.
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.
Pris
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
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
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.
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.
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.