Tjänst · Design

UX och visuell design

Produktägare, UX-ansvariga och varumärkesansvariga får ett validerat koncept gjort till färdig produktdesign som konverterar, sänker supportbehovet och håller över tid, byggd både för era användare och för de AI-drivna gränssnitt som möter dem.

För vem Produktägare, UX- och designansvariga, varumärkesansvariga och IT-chefer som ska bygga eller göra om en specifik webbplats, e-tjänst, app eller verksamhetssystem. Vanliga drivkrafter: gammal design som tappat sin udd, EAA-efterlevnad, behov av högre konvertering, ett varumärke som ska översättas till digital närvaro, eller en chatt- eller agentyta som ska kännas lika genomtänkt som resten av produkten.

Område Design

Start Boka ett inledande samtal →

UX och visuell design är arbetet med att översätta ett validerat koncept till färdig produktdesign, informationsarkitektur, interaktionsdesign, grafisk form och UI för en specifik lösning. När konceptet har svarat på vad ska vi bygga svarar den här tjänsten på hur ska det se ut och fungera. Resultatet är ett gränssnitt som driver konvertering och självservice, sänker support- och utbildningsbehovet och håller över tid.

AI är en lins vi lägger på arbetet, inte en pålagd funktion. I konceptfasen använder vi generativ AI för att utforska bild- och rörelsematerial bredare och snabbare, så att fler riktningar kan visas innan ni väljer. Och allt fler ytor ni bygger är AI-drivna: chatt, sök, en assistent eller en agent. De är fortfarande gränssnitt, och vi designar dem med samma omsorg om states, språk och felvägar som resten av produkten. Tillgänglighet enligt WCAG 2.2 AA är inbyggd i varje designval, så att implementationen kan uppfylla EAA utan efterhandsanpassning.

Vad ingår

Kreativ konceptutveckling och visuella riktlinjer, med generativ AI som hävstång i utforskandet
Informationsarkitektur som speglar användarens mentala modell
Interaktionsdesign med fulla states (default, hover, focus, active, disabled, error)
UI-design i Figma med komponentbibliotek, varianter och designtokens
Design av AI-drivna ytor: chatt, sök, assistent- och agentgränssnitt
Användbarhetstester, modererade i vårt UX-labb eller via Maze
Tillgänglighet enligt WCAG 2.2 AA inbyggt i alla designval
Designspecifikationer via Figma Dev Mode som utvecklare kan implementera direkt
Designgranskning av befintlig lösning med åtgärdsförslag

Så arbetar vi

Designbrief och förankring

Vi tar in det validerade konceptet, varumärkesriktlinjer och affärsmål. Tonalitet och visuell riktning förankras före produktdesign.

Konceptuell visuell idé

1–3 veckor, moodboards, designkoncept, typografiprinciper. Generativ AI används för att utforska bild- och rörelsematerial bredare och snabbare. Vi visar tre riktningar, ni väljer en.

Färdig produktdesign

Full UI för alla skärmar, komponenter och states, inklusive de ytor där användaren möter en AI-assistent eller agent. Responsiv från start. Tillgänglighet inbyggd.

Användbarhetstest

Vi testar mot målgruppen innan handover till utveckling. Resultatet styr finjustering.

Handover

Figma Dev Mode, designtokens, dokumenterade specifikationer. Designern följer med in i utvecklingssprintar.

Vad ingår

German Design Award 2024 utmärkelse för designarbete

Vanliga frågor

Hur skiljer sig UX och visuell design från tjänste- och produktdesign?

Tjänste- och produktdesign svarar på vad ni ska bygga och varför, discovery, användarresearch, konceptvalidering. UX och visuell design tar det validerade konceptet och gör det till färdig produktdesign som kan implementeras. Tjänsten förutsätter alltså att konceptet finns. När det inte gör det börjar vi i tjänste- och produktdesign.

Hur byggs tillgänglighet in?

WCAG 2.2 AA är miniminivå i alla komponentvarianter, kontraster, fokusindikatorer, tangentbordsstöd, semantik. Vi gör automatisk kontroll i Figma och manuell granskning före handover. För specialistaudit på EAA-nivå kopplas tillgänglighet in som eget uppdrag.

Vad händer om vi har ett befintligt designsystem?

Då följer vi det. Tjänsten designar för en specifik produkt och konsumerar befintligt designsystem. När det inte finns ett, eller när det behöver generaliseras över flera produkter, är det designsystem som tar vid.

Hur designar ni gränssnitt för AI-assistenter och agenter?

En AI-yta är fortfarande ett gränssnitt. Den behöver tydliga states, ett språk som visar vad assistenten kan och inte kan, vägar tillbaka när svaret blir fel, och samma tillgänglighet och varumärkesuttryck som resten av produkten. Vi designar chatt-, sök- och agentytor så att de känns lika genomtänkta som vilken annan vy som helst. Själva agenten byggs i [AI-system och agentutveckling](/tjanster/system/ai-system-och-agentutveckling).

Söker ni något annat? Se Tjänste- och produktdesign, Designsystem, Tillgänglighet eller Webb- och innehållsplattform.

Joakim Ekman Affärsområdeschef, förändringsledning

Boka samtal