UI/UX-design

”Gör den snygg” är fel uppdrag

De flesta designuppdrag börjar med fel instruktion. Du tittar på en produkt som känns föråldrad, blir lite generad, och ber om att den ska bli modern. Men ”ser daterad ut” är sällan det verkliga problemet — det är symtomet som syns. Under ytan är navigeringen förvirrande, registreringsflödet tappar användare i steg tre, och skärmen som alla faktiskt jobbar i ritades aldrig — den sattes bara ihop.

Bra design är inte dekoration som läggs på i slutet. Det är strukturen för hur människor förstår och rör sig genom din produkt, och tydligheten i det ögonblick då du ber dem agera. Får du det rätt kommer ”modernt” nästan på köpet. Gör du den snygg utan att fixa det underliggande har du en vacker produkt som fortfarande tappar användare på samma ställe som förut.

Det är det uppdrag vi faktiskt jobbar mot: design som gör produkten tydligare att använda och mer sannolik att konvertera — och som levereras, i stället för att dö i en Figma-fil som ingen kan bygga.

Det här gör Naxdor annorlunda

Tre saker skiljer vårt sätt att designa från en typisk byrå eller frilansare:

1. Det är researchledd, inte tyckandestyrt. Vi utgår från dina användare, dina mål och din köpresa — inte en moodboard. Besluten är förankrade i vad produkten behöver göra, så att vi kan försvara dem med skäl snarare än åsikter.
2. Det levereras som ett system, inte en hög skärmar. Du får ett tokenbaserat komponentbibliotek i Figma — färger, typografi, mellanrum och komponenter definierade en gång och återanvändbara — så att designen är konsekvent av konstruktion och billig att bygga vidare på.
3. Det är byggt för att levereras. Designsystemet är tokeniserat på samma sätt som utvecklingen byggs, så överlämningen blir ingen gissningslek. Bygger vi produkten tillsammans med dig jobbar design och utveckling sida vid sida; bygger ett annat team den, är systemet strukturerat så att de kan göra detsamma.

Det här är golvet. Produkttänket ovanpå — vilka flöden som ska prioriteras, var friktionen ska bort, hur den viktigaste handlingen blir uppenbar — är där uppdraget tjänar in sig.

Det här får du till startpriset

Se prisrutan på den här sidan för vad som ingår vid 19 000 kr som startpris. Kort sagt: research med intressenter och en informationsarkitektur, wireframes och därefter visuell design över dina centrala skärmar och flöden, ett tokenbaserat Figma-komponentbibliotek, två revideringsrundor med slutgiltigt material exporterat och dokumenterat, samt parning mellan designer och utvecklare under implementeringen om du bygger med oss.

Två saker värda att räta ut:

• Startpriset designar kärnan, ordentligt gjord. Det täcker research, IA och visuell design över ett fokuserat urval av nyckelskärmar eller flöden — tillräckligt för att sätta systemet och de viktigaste resorna. En vidlyftig produkt med dussintals unika skärmar är ett större uppdrag, och det offererar vi som ett sådant.
• Omfattning och testning är prisspakarna. Hur stort designsystemet är, hur många nyckelflöden vi designar och om vi kör användartester påverkar siffran. Vi berättar vilka av dem din produkt faktiskt behöver just nu redan på första samtalet.

Överlämningsproblemet vi finns till för att lösa

Det enskilt dyraste misslyckandet i design är glappet mellan Figma-filen och den färdiga produkten. En designer lämnar över pixelperfekta mockuper, en utvecklare bygger upp dem på ögonmått, och resultatet blir ”nära nog” — mellanrum som glider, färger som nästan stämmer, komponenter som beter sig olika på varje skärm. Några månader senare finns designsystemet på två ställen som inte är överens.

Vi sluter det glappet genom att designa på samma sätt som koden byggs. Figma-biblioteket är tokeniserat — varje färg, typstorlek och mellanrumssteg är en namngiven token som mappar direkt mot de designtokens utvecklingen använder. Komponenter definieras en gång och sätts samman, precis som i kodbasen. När vi också bygger produkten går designen in i samma system som konsumerar den, så det finns inget översättningslager där betydelse kan gå förlorad. Det är därför vår design håller efter lansering i stället för att vittra ner till ”den design vi brukade ha”.

Så jobbar vi

Ett designuppdrag rör sig genom fyra faser.

Research (1 vecka)

Vi intervjuar intressenter, går igenom din analys och din köpresa, och kartlägger vem som använder produkten och vad de försöker uppnå. Vi definierar informationsarkitekturen — strukturen under skärmarna — eftersom rätt struktur där är vad som gör allt ovanpå den självklart.

Wireframe (1–2 veckor)

Lågupplöst struktur först, så att vi diskuterar flöde och hierarki innan någon bråkar om en färg. Wireframes gör de billiga misstagen billiga — det är långt billigare att flytta ett steg i en wireframe än att bygga om en färdig skärm.

Visuell design (2–3 veckor)

Sedan det visuella lagret, i arbetsmöten som du är med på live — inte granskning enbart via mejl. Vi designar de centrala skärmarna och bygger det tokenbaserade komponentbiblioteket allteftersom, så att systemet och skärmarna växer fram tillsammans. Två revideringsrundor ingår.

Överlämning och bygge (löpande)

Slutgiltiga assets exporteras och dokumenteras. Bygger du med oss jobbar design och utveckling sida vid sida genom implementeringen så att den färdiga produkten matchar designen. Bygger ditt eget team den, är systemet strukturerat och dokumenterat så att de kan göra samma sak.

UX, UI och varumärke — vad vi gör och inte gör

De här tre blandas ständigt ihop, så för tydlighetens skull:

• UX är hur produkten är strukturerad och hur människor rör sig genom den — den del som avgör om den fungerar.
• UI är det visuella lagret ovanpå — den del som avgör om den känns genomtänkt och pålitlig.
• Varumärkesidentitet — din logotyp, hela ditt visuella identitetssystem, ditt namn och din röst — är en annan disciplin.

Vi gör UX och UI inom ett befintligt varumärke. Vi skapar inte varumärkesidentiteter från grunden — det hör hemma hos en dedikerad varumärkesstudio, och vi rekommenderar gärna en. Om ditt varumärkesmaterial inte är klart kan vi jobba mot ett minimalt interimspaket så att designen inte blockeras, och uppdatera när en riktig identitet landar.

Det här bygger vi inte

Ärlighet om omfattning är halva värdet av en tjänstesida. För Naxdor-design är de vanligaste önskemålen vi inte tar in till startpriset:

• Full varumärkesidentitet. Logotypdesign och ett komplett visuellt identitetssystem hör hemma hos en varumärkesstudio.
• Löpande design vid behov. Kontinuerligt designstöd hör hemma i ett retainer-avtal snarare än i projektets startpris.
• Pixeltrixande på en befintlig design vi inte får ifrågasätta. Om uppdraget är ”bygg om det här exakt, ändra ingenting” är vi fel partner — vårt värde ligger i tänket, inte bara i renderingen.

Nästa steg

Om du planerar ett skarpt designuppdrag är rätt nästa steg ett möte på 30 minuter. Vi får veta vad produkten behöver göra och var den tappar folk, du får veta om vi är rätt partner, och inom tre arbetsdagar får du antingen en skriftlig omfattning eller en ärlig hänvisning vidare.

Är du tidigare i beslutet, be om en kostnadsfri analys på 30 minuter — vi tittar på din nuvarande produkt eller sajt och säger rakt ut vad som är värt att designa om och vad som är bra som det är. Ingen säljpitch på köpet.

Hur som helst, se resten av vad vi levererar, med startpriser, på prissidan.