
Research-driven UX innan en pixel ritas
Vi börjar med user research – djupintervjuer med kunder, kvantitativ data från GA4, heatmaps och session replays i Hotjar/Microsoft Clarity, samt konkurrent- och benchmark-analys. Vi mappar kundresan, identifierar friktionspunkter och definierar tydliga jobs-to-be-done innan vi börjar wireframa. Resultatet är designbeslut förankrade i riktig data, inte i AD:ns tycke.
UI-design som konverterar och stärker varumärket
Vi designar gränssnitt som balanserar varumärke, konvertering och användbarhet. Tydlig visuell hierarki, distinkt typografi, accessibility-first färgsystem (kontrast enligt WCAG 2.2 AA), genomtänkta mikrointeraktioner och animationer (Framer Motion, GSAP) som guidar användaren utan att distrahera. Vi designar för mobile-first, för dark mode, för stora skärmar och för verkliga edge cases – inte bara för hero-shoten i pitch-decket.
Designsystem och komponentbibliotek i Figma
Vi bygger skalbara designsystem i Figma med design tokens (färg, typografi, spacing, radius, shadow), variabler för light/dark mode och multibrand, komponenter med varianter och auto-layout, samt tydlig dokumentation. Designsystemet kopplas till kodbasen via Tailwind CSS, shadcn/ui, Radix eller custom React-komponenter – så att design och utveckling pratar samma språk och nya sidor kan byggas på dagar i stället för veckor.
Tillgänglighet enligt WCAG 2.2 och European Accessibility Act
Tillgänglighet är inte en eftertanke – det är en juridisk skyldighet under European Accessibility Act (EAA) från juni 2025 och en designprincip som gör webben bättre för alla. Vi designar enligt WCAG 2.2 AA: tangentbordsnavigation, screen reader-stöd, fokus-states, ARIA-attribut, semantisk HTML, kontrastkrav, rörelse- och animationskontroll. Vi testar med riktiga hjälpmedel (VoiceOver, NVDA) och levererar tillgängliga prototyper – inte tillgänglighet bolted-on i efterhand.
Konverteringsoptimering och SEO redan i designfasen
Vi designar för konvertering från första wireframe – tydliga CTA:er, friktionsfria formulär, social proof, FAQ-sektioner med JSON-LD, och landningssidor strukturerade kring intent. SEO byggs in i designen: H1/H2-hierarki som matchar sökord, semantisk HTML, snabba bilder (WebP/AVIF, srcset), Core Web Vitals (LCP, INP, CLS) inom Googles tröskelvärden, och delningsbild (og:image) per sida.
Designhandoff och löpande designförvaltning
Vi levererar tight handoff till utvecklingsteamet med Figma Dev Mode, dokumenterade designtokens, interaktionsspecifikationer och nära samarbete genom hela bygget. Efter lansering driver vi löpande designförvaltning – nya sidor, kampanjer, A/B-tester och iterativa förbättringar baserat på riktig användardata. Webbdesign är inte ett projekt – det är en levande produkt.
