Vår design-process
Discovery: vi sätter oss in i er varumärkesplattform, era målgrupper och era mål. Vi tittar på konkurrenter och tar referenser från andra branscher.
Wireframes: lågupplöst struktur som testar layout och flöden innan visuella beslut. Detta är där vi sparar mest tid och pengar.
Visuell design: typografi, färger, komponenter, animationer. Levereras i Figma som klickbar prototyp.
Designsystem: namngivna komponenter, varianter, designtokens. Det vi tar fram blir grunden för utvecklingen och era framtida sidor.
Designprinciper vi följer
Hierarki och kontrast: viktigt syns mest. Vita ytor och rytm: bra design är vad ni tar bort, inte vad ni lägger till.
Tillgänglighet: alla designar för WCAG 2.1 AA-kontrast, läsbara typsnitt, fokus-states och tangentbordsnavigation. Inkluderande design är bättre design — och ofta lag.
Konvertering: vi designar mot tydliga primära handlingar, A/B-tester föredras framför opinion och CTA:n testas på riktigt innan lansering.
Webbdesign + utveckling i samma leverans
Eftersom vi bygger det vi designar undviks 'designen kan inte byggas så här'. Det vi visar i Figma är vad ni får i koden.
Vill ni bara ha designen levererar vi även det — Figma-fil, designsystem och dokumentation. Sen kan ni eller annan leverantör bygga.