Gå til innholdet

UX-byrå for webdesign og UI-design, fra research til gjennomføring

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.

Hvor står du?
  1. 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.

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.

Hva utviklingsteamet ditt får, og hvordan utkastet blir til kode, viser avsnittet lenger ned. Fra utkast til kode

Slik jobber vi i detalj

UI/UX-design: dette designer vi for deg

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

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.

Webanalyse og konverteringsoptimalisering
Les mer

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

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.

Nettsideutvikling og CMS
Les mer

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

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.

Apputvikling
Les mer

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

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.

Fra utkast til kode
Les mer

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

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.

Universell utforming etter BFSG og WCAG
Les mer

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

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.

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

Egne illustrasjoner og ikonsett i stilen til den visuelle identiteten din, for nettside, app, presentasjoner og trykksaker.

  • Illustrator
  • Figma

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-visualiseringer og mockups som viser produktet, appen eller nettsiden din i bruk.

  • Blender
  • Spline
  • Photoshop

Én idé, mange former

Nettside, app, nettbutikk eller kampanje: Vi gir ideen din den formen som når kundene dine.

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

  1. 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.
  2. 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.
  3. 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.
  4. 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.

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.

I koden har farger, skrift, avstander og fokus de samme navnene som i utkastet.

  • Farger og skrifter
  • Avstander og rutenett
  • Komponenter med alle tilstander
  • Skjermstørrelser
  • Opplysninger om universell utforming
  • Lenke til prototypen

Vi implementerer

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.

ProgramvareutviklingE-handel

Teamet ditt implementerer

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.

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.

Velg brukermåte
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.

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.

Åpne nettsidesjekken

Hvem BFSG gjelder for

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.

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 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ø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.

    • Lighthouse
    • axe-core
Alle teknologier

ASES i tall

  • 1 teamEget team, ingen underleverandører
  • 15+Mer enn 15 års erfaring i teamet
  • 35+Bedrifter i mer enn 35 land jobber med oss
  • 10Samtaler på ti språk
Om ASES

Det kunder ofte spør et UX-byrå om

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.

La oss snakke om nettsiden eller appen din

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.

  • Gratis førstesamtale
  • Uforpliktende
  • NDA ved behov