UX-byrå for webdesign og UI-design, fra research til gjennomføring
Tekst
ASES er et UI/UX-designbyrå. Vi designer nettsider, apper og programvare som kundene og teamet ditt finner fram i uten bruksanvisning. Derfor begynner vi med spørsmålet om hva brukerne dine vil få gjort, og designer deretter struktur, klikkbar prototype og ferdig brukergrensesnitt. Hvis du ønsker det, implementerer vårt eget team også designet.
Få designet en nettside eller app: slik foregår det
Velg hvor nettsiden eller appen din står i dag. Kartet viser neste steg og hva du sitter igjen med etter hver fase.
Du er her
Vi planlegger en ny nettside eller app
Ditt første steg
Vi avklarer med deg hvem som skal bruke nettsiden eller appen din, og hva disse menneskene vil få gjort der. Sider, flyter og design bygger på dette.
Dette holder for å starte
En kort beskrivelse av prosjektet ditt og, hvis du har det, nettsider du liker, med en setning om hva du liker ved dem.
Nettsiden eller programvaren vår skal bli enklere
Ditt første steg
Først ser vi på hva som fungerer godt i dag og kan bli værende. Deretter ser vi hvor brukerne blir stående fast, og forbedrer nettopp disse stedene.
Dette holder for å starte
Adressen til nettsiden din eller en testtilgang til programvaren. Tilgang til analysedataene dine hjelper hvis du vil dele den.
Vi vil gjøre nettsiden vår universelt utformet
Ditt første steg
Nettsidesjekken viser deg med en gang, for én side, den delen som kan måles automatisk. Tastatur, skjermleser og forstørring kontrollerer vi i tillegg manuelt, og deretter fastsetter vi sammen med deg hvilke maler og byggeklosser vi tilpasser.
Dette holder for å starte
Adressen til nettsiden din.
Profilen vår ser forskjellig ut overalt
Ditt første steg
Vi samler hvordan bedriften din fremstår i dag: på nettsiden, i presentasjoner og i dokumenter. Logo, farger og skrifter utvikler vi i designfasen og prøver dem der med en gang på nettsiden din.
Dette holder for å starte
Den nåværende logoen din og noen eksempler på dokumentene dine.
01 Førstesamtale og mål
Vi
Vi ber deg forklare hva nettsiden eller appen skal oppnå for bedriften din, og ser på hva som allerede finnes: sider, programmer og dokumenter.
Du
Du beskriver mål og brukergrupper og viser oss eksempler du liker.
Til slutt
Et klart bilde av mål, brukere og deres viktigste oppgaver.
02 Omfang og tilbud
Vi
Vi fastsetter hvilke sider og visninger som skal lages, hvilke research- og teststeg prosjektet trenger, om et designsystem hører med, og om vi også implementerer designet.
Du
Du setter prioriteringene og går gjennom tilbudet.
Til slutt
Et fastpristilbud med nøyaktig beskrevet omfang.
03 Research og struktur
Vi
Vi analyserer data som allerede finnes, for eksempel analysedata og vanlige spørsmål til kundeservicen din, og snakker med mennesker fra målgruppen din. Deretter fastsetter vi sidestruktur og flyter som wireframes.
Du
Du gir oss tilgang til dataene dine. Hvem som finner deltakerne til samtaler og tester, fastsetter vi sammen.
Til slutt
En struktur av sider og flyter som alle er enige om.
04 Prototype, test og design
Vi
Hvert brukergrensesnitt prøver du i en klikkbar prototype før utviklingen begynner. Vi tester den med mennesker fra målgruppen din, endrer stedene der de nøler, og designer deretter alle visninger for smarttelefon og desktop, universelt utformet.
Du
Du gir tilbakemelding på prototypen og tar beslutningene om designet sammen med oss.
Til slutt
Testede utkast til alle visninger.
05 Gjennomføring og overlevering
Vi
Vi implementerer designet som nettside, nettbutikk eller programvare eller overleverer det til utviklingsteamet ditt. Ved lansering lærer vi opp teamet ditt. Etter lansering følger vi opp og forbedrer nettsiden eller appen videre hvis du ønsker det.
Du
Du ser på resultatet sammen med oss før lansering.
Til slutt
Et brukergrensesnitt som fungerer slik det ble testet i prototypen.
Hva utviklingsteamet ditt får, og hvordan utkastet blir til kode, viser avsnittet lenger ned. Fra utkast til kode
UX-design fastsetter hvordan brukerne dine finner informasjon og fullfører oppgavene sine. UI-design utformer brukergrensesnittet de ser og bruker underveis. Begge deler planlegger vi samlet, for nettside, nettbutikk og programvare. Ofte griper flere temaer inn i hverandre, for eksempel i et redesign som begynner med en brukertest og ender med et designsystem.
UX-research og brukertesting
UX-research og brukertesting
Forstå behovene til brukerne dine og prøve ut brukergrensesnitt med brukertester og prototyper.
UX-revisjon
Brukerintervjuer
Brukertest
Klikkbar modell
Du får en liste over observasjonene, sortert etter viktighet og hver med et tiltak.
Vi begynner med det som allerede finnes: analysedata, spørsmål som salg og kundeservice svarer på gang på gang, og ord som besøkende søker etter på nettsiden din. Deretter snakker vi med mennesker fra målgruppen din om erfaringene deres og lar dem løse typiske oppgaver i en klikkbar prototype. Der de nøler eller gir opp, endrer vi utkastet. En eksisterende nettside eller programvare ser vi kort på allerede i førstesamtalen; den grundige gjennomgangen, UX-revisjonen, er da den første fasen i prosjektet.
Passer når du vil vite hvor besøkende faller fra, eller hvorfor brukere stadig spør om det samme.
Webdesign
Webdesign
Nettsider som leder besøkende til målet og fungerer både på smarttelefon og desktop.
Responsivt webdesign
Bedriftsnettside
Redesign
Du får utkast til alle sidemaler for smarttelefon, nettbrett og desktop.
Først avklarer vi hva besøkende skal få gjort på nettsiden din: sende en henvendelse, sammenligne produkter, finne en kontaktperson. Meny, forside og hver sidemal bygger på dette. Responsivt webdesign betyr hos oss at vi designer hver mal for smarttelefon, nettbrett og desktop. Ved et redesign beholder vi det som fungerer godt i dag, og endrer det som stopper besøkende.
Passer når besøkende raskere skal finne det de leter etter, eller et redesign står for tur.
UI-design for apper og programvare
UI-design for apper og programvare
Brukergrensesnitt for apper og fagapplikasjoner som kan brukes uten opplæring.
Dashborddesign
Kundeportal
Appdesign
Fagapplikasjon
Du får utkast til alle visninger og tilstander, prøvd ut i prototypen.
Vi designer kundeportaler, dashbord, interne fagapplikasjoner og apper for iOS og Android. Hver visning viser hvor brukeren står akkurat nå, og hva som skal gjøres videre. I tillegg designer vi alle tilstander for en visning: tom, under lasting, med feil og etter vellykket fullføring. I apper følger vi de bruksmønstrene brukerne dine kjenner fra iOS og Android.
Passer når teamet eller kundene dine jobber med applikasjonen hver dag.
Designsystemer
AaAa
Designsystemer
En felles samling av farger, skrifter og byggeklosser, slik at alle brukergrensesnitt forblir enhetlige.
Design tokens
Komponentbibliotek
Stilguide
Figma-bibliotek
Du får et bibliotek i Figma, om ønskelig med komponentene i kode.
Farger, skrifter og avstander fastsetter vi som design tokens. Knapper, skjemafelt og andre komponenter designer vi med alle tilstander, i tillegg til regler for når hvilken skal brukes. Endrer du en farge, endres den i alle brukergrensesnitt samtidig. Kontraster, fokus og minstestørrelsen for trykkflater er fastsatt i systemet. For en mellomstor bedrift holder det ofte med et slankt bibliotek som vokser med produktet ditt.
Passer når flere nettsider, apper eller team bruker de samme byggeklossene.
Universell utforming og BFSG
Tab⏎
Universell utforming og BFSG
Nettsider og apper som flest mulig mennesker kan bruke uten hindringer, etter den tyske tilgjengelighetsloven (BFSG) og WCAG.
Universelt utformet nettside
Gjennomgang av eksisterende nettsider
Tilgjengelighetsinformasjon
Du får en nettside som kan brukes med tastatur og skjermleser.
På en ny nettside planlegger vi kontraster, tastaturbetjening, beskrivelser for skjermlesere og forståelige skjemaer fra den første skissen. På en eksisterende nettside undersøker vi først hvor barrierene ligger, og fastsetter sammen med deg rekkefølgen vi fjerner dem i. Hvem BFSG gjelder for, og hva som hører med, viser avsnittet lenger ned.
Passer når du tilbyr forbrukere å inngå en avtale på nett, eller nettsiden din skal kunne brukes av alle.
Visuell identitet
Visuell identitet
Logo, farger og skrifter som gjør bedriften din gjenkjennelig overalt.
Logo
Farger og skrifter
Designmanual
Presentasjoner og trykksaker
Du får logofiler, farger, skrifter, designmanual og maler for presentasjoner.
Les mer
Vi designer logoen din fra bunnen av, utvikler farger, skrifter og bildespråk og fastsetter i en designmanual hvordan de skal brukes. Slik bruker også teamet ditt og andre leverandører dem riktig. Presentasjonsmaler og trykksaker designer vi i samme stil. Som byrå for visuell identitet som også designer nettsider og apper, prøver vi den nye profilen med en gang på nettsiden og appen din. Har du allerede en visuell identitet, tar vi den inn i designsystemet.
Passer når bedriften din skal fremstå enhetlig på nettsiden, i presentasjoner og i dokumenter.
Illustrasjon, motion, 3D
Mer enn brukergrensesnitt: illustrasjon, motion og 3D
I tillegg til nettsider og apper designer vi bildene, bevegelsene og objektene som får merkevaren din til å skille seg ut.
Illustrasjoner og ikoner
Illustrasjoner og ikoner
Egne illustrasjoner og ikonsett i stilen til den visuelle identiteten din, for nettside, app, presentasjoner og trykksaker.
Illustrator
Figma
Motion og animasjon
Motion og animasjon
Animasjoner for brukergrensesnitt og logoer og korte videoer som presenterer tilbudet ditt. På nettsider og i apper implementerer vi dem med Lottie eller Rive, slik at de laster raskt.
After Effects
Lottie
Rive
3D og mockups
3D og mockups
3D-visualiseringer og mockups som viser produktet, appen eller nettsiden din i bruk.
Blender
Spline
Photoshop
Én idé
Én idé, mange former
Nettside, app, nettbutikk eller kampanje: Vi gir ideen din den formen som når kundene dine.
Nettside
Nettbutikk
Din idé
App
Kampanje
Eksempel
Slik blir en visning til: et eksempel fra kundeportalen
Et eksempel: Bedriftskundene til en produsent ringer ofte for å spørre når leveransen deres kommer. Slik redesigner vi ordreoversikten i kundeportalen, slik at de finner svaret selv.
Eksempel · kundeportal · ordreoversikt
01 Forstå
Forstå
Det vi gjør
Vi leser de vanligste spørsmålene til kundeservicen og ser i analysedataene hvor kundene forlater portalen.
Det som blir laget
Kundenes viktigste oppgaver og veien deres gjennom portalen, på én side.
02 Skissere
Skissere
Det vi gjør
Vi lager flere varianter av oversikten og bestemmer sammen med deg hvilken vi går videre med.
Det som blir laget
En wireframe av ordreoversikten.
03 Teste
«Finn ut når bestillingen din kommer.»Her nølte testpersonene.
Teste
Det vi gjør
Testpersoner løser en oppgave i den klikkbare prototypen: «Finn ut når bestillingen din kommer.» Der de nøler, endrer vi utkastet og tester på nytt.
Det som blir laget
En liste over observasjonene og en endret prototype.
04 Designe
Designe
Det vi gjør
Vi ferdigstiller designet av oversikten, med leveringsdatoen helt først, for smarttelefon og desktop, i lys og mørk modus og med alle tilstander.
Det som blir laget
Designfiler, klare for implementering.
Overlevering
Fra utkast til kode: designsystem og overlevering
Det som er designet i Figma, skal se likt ut i koden og kunne brukes på samme måte som i prototypen. Derfor jobber design og utvikling i samme team hos oss, og farger, skrifter og byggeklosser har de samme navnene i Figma og i koden.
Utkast
accent
title
xl
4
focus
Kode
I koden har farger, skrift, avstander og fokus de samme navnene som i utkastet.
Enten det er en nettside med WordPress, TYPO3 eller Webflow, en nettbutikk eller en app: Vi bygger den av de samme byggeklossene som i utkastet. Under gjennomføringen viser en lenke til forhåndsvisningen deg hva som allerede er på plass.
Utviklingsteamet ditt får designfilene med alle tilstander og skjermstørrelser og lenken til prototypen. Hvis du ønsker det, leverer vi også komponentene som kode, dokumentert i Storybook.
Universell utforming
Universelt utformet nettside etter BFSG og WCAG: dette hører med
Universelt utformet betyr at mennesker også kan bruke nettsiden din med tastatur, skjermleser eller kraftig forstørring. Det har alle besøkende nytte av, for eksempel gjennom tydelige beskrivelser, forståelige feilmeldinger og godt lesbare kontraster.
FirmaE-postOppgi en gyldig e-postadresse.Send
TabTab⏎
Dette kreves
Hvert felt og hver knapp kan nås med tastaturet, i en logisk rekkefølge, og fokus er alltid synlig.
Slik kontrollerer vi
Vi går gjennom hver mal uten mus, for skjemaer helt til innsending.
Dette kreves
Felt, knapper og bilder har navn som en skjermleser leser opp. Feilmeldinger sier hva som må gjøres.
Slik kontrollerer vi
Skjemaer og flyter lytter vi gjennom med en skjermleser.
Dette kreves
Ved kraftig forstørring plasseres innholdet under hverandre, og ingenting kuttes av. Tekst skiller seg ut fra bakgrunnen med tilstrekkelig kontrast.
Slik kontrollerer vi
Hver mal kontrollerer vi kraftig forstørret og måler kontrastene for tekst og betjeningselementer.
Vi designer og kontrollerer hvert prosjekt etter WCAG 2.2, nivå AA. Nettsidesjekken måler for én side den delen som kan kontrolleres automatisk; det er ikke en vurdering etter BFSG.
BFSG gjelder først og fremst nettsider og apper der forbrukere inngår en avtale på nett, for eksempel i en nettbutikk eller ved en bestilling. For slike tjenester har loven gjeldt siden 28. juni 2025. Unntatt er mikrobedrifter med færre enn ti ansatte og høyst 2 millioner euro i årlig omsetning eller balansesum, når de tilbyr tjenester. Rene informasjonssider og nettbutikker som bare selger til bedrifter, omfattes som regel ikke av loven.
Nettbutikkomfattes
Bestilling på nettomfattes
Informasjonssideomfattes som regel ikke
Nettbutikk kun for bedriftskunderomfattes som regel ikke
Denne informasjonen krever loven
Hvordan tjenesten din oppfyller kravene til universell utforming
Den ansvarlige markedstilsynsmyndigheten
Den som omfattes av BFSG, publiserer denne tilgjengelighetsinformasjonen om tjenesten sin. Vi forbereder den sammen med deg.
Barrierer fjerner vi i koden, i malene og komponentene på nettsiden din, slik at hver side får nytte av det. En overlay-utvidelse endrer siden først i nettleseren til den besøkende; koden på nettsiden din forblir uendret.
Kostnader
Hva koster webdesign? Dette avgjør prisen
Prisen for designprosjektet ditt kjenner du før arbeidet begynner. For design og gjennomføring betaler du en fastpris per prosjekt, for oppfølging og videreutvikling et fast månedlig beløp.
Tilbud
Design og gjennomføring, engangsbeløp
Fastprisprosjekt
For research, design og om ønskelig gjennomføringen, frem til lansering.
Fastpris for det nøyaktig beskrevne omfanget
Endres omfanget, justerer vi først tilbudet
Ingen fakturering per time
Lansering
Etter lansering, månedlig
Oppfølging og videreutvikling
For tiden etter lansering, hvis du ønsker det.
Fast månedlig beløp for vedlikehold og support
Support på telefon døgnet rundt
Nye sider og funksjoner per arbeidspakke med eget tilbud
Dette avgjør omfanget
Hvor mange sidemaler og visninger som skal lages
Hvilke research- og teststeg prosjektet trenger
Om det lages et designsystem, eller et eksisterende utvides
Om logo, farger og skrifter allerede er fastsatt
Hvor langt en eksisterende nettside allerede er universelt utformet
På hvor mange språk brukergrensesnitt og innhold vises
Om vi også implementerer designet
Har du en budsjettramme, kan du oppgi den i førstesamtalen. Vi tilpasser omfanget etter den og planlegger flere sider for senere steg.
Kostnader etter lansering
Også etter lansering påløper det kostnader: lisenser for skrifter, bilder og verktøy som Webflow, hosting og vedlikehold. Disse postene står i tilbudet ditt.
Dette eier du
Dette eier du til slutt
Når alt er betalt, overleverer vi alt du trenger for å føre nettsiden eller appen din videre selv eller få den videreutviklet av et annet team.
Design
Designfiler for alle brukergrensesnitt vi designer for deg
Lenke til den klikkbare prototypen
Designsystemet som bibliotek
Kode, når vi implementerer
Kildekoden som er utviklet for deg
Git-repositorium med fullstendig endringshistorikk
Teknisk dokumentasjon
Tilganger
Servere og hosting
Domener
Kontoer for alle tjenester
Rettigheter
Bruksrettigheter
Lisenser for skrifter og bilder, kontoer hos verktøy som Webflow og Figma-filene ligger hos oss under prosjektet. Når alt er betalt, overfører vi dem til deg.
Filer og kode setter vi opp slik at også et nytt team finner fram i dem. Hvem som følger opp nettsiden eller appen din fremover, bestemmer du.
Verktøy
Verktøyene vi designer med
Vi jobber med verktøyene som passer oppgaven: Figma og Sketch for brukergrensesnitt, Adobe Photoshop, Illustrator, InDesign og After Effects for bilde, grafikk og bevegelse, Blender og Spline for 3D og i koden React, Storybook og Tailwind CSS.
Design og prototyper
Utkast, klikkbare prototyper og biblioteker for designsystemer.
Figma
Sketch
Framer
Bilde og grafikk
Bilderedigering, illustrasjoner, ikoner og trykksaker.
Photoshop
Illustrator
InDesign
Motion og 3D
Animasjoner for brukergrensesnitt og logoer, 3D-visualiseringer og mockups.
After Effects
Lottie
Rive
Blender
Spline
Komponenter
Byggeklosser i kode, dokumentert for utviklingsteamet ditt.
Storybook
React
Tailwind CSS
Nettsider
Nettsider der teamet ditt redigerer innholdet selv.
Webflow
WordPress
TYPO3
Research og analyse
Hvordan besøkende bruker nettsiden din, og hvor de faller fra.
Matomo
Google Analytics
Hotjar
Kontroll av universell utforming
Automatisk kontroll av kontraster, beskrivelser og struktur, supplert med vår manuelle kontroll.
Svar om kostnader, forløp, brukertester, designfiler og universell utforming.
Hva koster webdesign eller et UX-prosjekt?
Det avhenger av omfanget: av antall sidemaler og visninger, research- og teststegene, et designsystem, hvor langt den visuelle identiteten din har kommet, språkene og om vi også implementerer designet. Så snart omfanget er klart, får du et fastpristilbud. Oppfølging fakturerer vi månedlig, nytt arbeid per arbeidspakke. Vi fakturerer ikke per time.
Hvor lang tid tar et designprosjekt?
Varigheten avhenger av omfanget, testrundene og hvor raskt tekster, bilder og beslutninger foreligger. Vårt eget team kommer raskt i gang. Har du en fast frist, for eksempel en messe eller en planlagt relansering, kan du oppgi den i førstesamtalen. Vi planlegger omfanget etter den.
Hva gjør et UX-byrå, og når lønner det seg for oss?
Et UX-designbyrå finner ut hva brukerne dine vil få gjort, og hvor de blir stående fast underveis. Det prøver ut brukergrensesnitt i en prototype før noe utvikles, og ferdigstiller deretter designet. Det lønner seg når du planlegger en ny nettside eller app, når besøkende faller fra, eller når en relansering står for tur.
Hva er UX-design, hva er UI-design, og hva er forskjellen?
UX står for user experience, på norsk brukeropplevelse. UX-design fastsetter om og hvor lett brukere når målet sitt: struktur, flyter og begreper. UI står for user interface, brukergrensesnittet. UI-design utformer det brukerne ser og bruker: layout, farger, skrifter, knapper og tilstandene deres. Vi planlegger begge deler samlet.
Hvordan tester dere om brukerne våre finner fram i designet?
Mennesker fra målgruppen din løser typiske oppgaver i den klikkbare prototypen, for eksempel å finne en bestilling eller fylle ut et skjema. Hvem som finner deltakerne, fastsetter vi med deg for hvert prosjekt. Vi observerer hvor de nøler eller tar feil vei, endrer utkastet og tester på nytt. Til slutt får du en liste over observasjonene, sortert etter viktighet og hver med et tiltak.
Hva får vi til slutt: Figma-filer, prototype, designsystem?
Når alt er betalt, får du designfilene for alle brukergrensesnitt i Figma, lenken til prototypen, designsystemet som bibliotek og bruksrettighetene. Implementerer vi også designet, kommer kildekoden som er utviklet for deg, med Git-repositorium, den tekniske dokumentasjonen og alle tilganger i tillegg.
Implementerer dere også designet, og hvem følger det opp etterpå?
Ja. Det samme teamet utvikler nettsiden din med WordPress, TYPO3 eller Webflow, nettbutikken, appen eller programvaren din. Har bedriften din egne utviklere, overleverer vi designet til dem med alle tilstander og skjermstørrelser. Et design fra et annet team implementerer vi også. Etter lansering følger vi opp nettsiden eller appen videre hvis du ønsker det, med oppdateringer, overvåking og videreutvikling.
Kan dere forbedre nettsiden vår uten å bygge den helt på nytt?
Ja. Først fastslår vi hva som fungerer godt i dag og kan bli værende. Med analysedataene dine ser vi hvor besøkende blir stående fast; nettsidesjekken viser hvor raskt en side laster, og hvilke barrierer som kan finnes automatisk. Disse malene og sidene forbedrer vi i det eksisterende systemet. Passer ikke strukturen eller systemet bedriften din lenger, planlegger vi en relansering sammen med deg.
Når lønner et designsystem seg?
Så snart flere nettsider, apper eller team bruker de samme byggeklossene, produktet ditt fortsetter å vokse, eller profilen din spriker på ulike steder. For en enkelt, mindre nettside holder det med en slank stilguide og et lite komponentbibliotek. Vi gjør systemet så stort som nødvendig og utvider det med produktet ditt.
Må nettsiden vår være universelt utformet?
Inngår forbrukere en avtale på nett via nettsiden din, for eksempel i en nettbutikk eller ved en bestilling, omfattes du som regel av den tyske tilgjengelighetsloven (BFSG) siden 28. juni 2025. Mikrobedrifter som tilbyr tjenester, er unntatt. Rene informasjonssider og nettbutikker kun for bedriftskunder omfattes som regel ikke av loven. Vi designer hvert prosjekt universelt utformet etter WCAG 2.2, nivå AA, også når loven ikke gjelder for deg.
Trenger vi en visuell identitet først?
Ikke nødvendigvis. Er logo, farger og skrifter fastsatt, tar vi dem inn i designsystemet og designer nettside og app med dem. Mangler de, eller ser profilen din forskjellig ut overalt, utvikler vi først den visuelle identiteten og prøver den med en gang på de første visningene.
Hva trenger dere fra oss for at vi kan starte?
Du trenger ikke en brief eller kravspesifikasjon. Beskriv kort målet ditt og brukerne dine. Det hjelper med adressen til nettsiden din, eksempler du liker, med en setning om hva du liker ved dem, og logoer, skrifter eller en stilguide du allerede har. Del gjerne også tilgangen til analysedataene dine.
Fortell oss hvem som bruker nettsiden eller appen din, og hva som skal bli enklere der. Vi tar kontakt så snart som mulig og finner et tidspunkt for førstesamtalen sammen med deg.