Digital Product Designer

Redesign af HK's indmeldelse

Redesign af HK's indmeldelse til et nyt indkomstbaseret kontingent, med større fokus på unge og medlemmer under uddannelse. Vi ryddede op i flowet, sikrede juridisk overholdelse, reducerede manuel sagsbehandling og byggede en komplet 'Digital Twin' i Figma.

Over 90 % besvarelsesrate i efterfølgende kommunikationsflow

  • UX
  • UI
  • Designsystem
  • Flow-design
  • Prototyping
Rolle
Digital Product Designer
Team
Projektleder, frontend- og backend-udviklere, marketing, tekstforfatter samt fagforenings- og A-kasseeksperter
Værktøjer
Figma · Designsystem · GA4 · Microsoft Clarity

Projektet skulle understøtte et nyt indkomstbaseret kontingent og samtidig forbedre hele oplevelsen omkring indmeldelse. Vi ryddede op i et forældet flow, fjernede unødige spørgsmål, mindskede manuelle arbejdsgange, sikrede overholdelse af A-kasselovgivningen og etablerede en komplet “Digital Twin” i Figma.

Løsningen

Brugertests, adfærdsdata og et kommentarfelt

Overblik over data fra interviews, brugertests, GA4 og Microsoft Clarity.

Vi researchede indmeldelsen med brugertests, interviews, adfærdsdata fra GA4 og Microsoft Clarity, samt et fritekstfelt, hvor medlemmer kunne skrive kommentarer. Feltet blev fyldt med overflødige kommentarer, og hver eneste kommentar sendte automatisk indmeldelsen til manuel sagsbehandling, der kunne tage dage i stedet for minutter. Vi fjernede feltet som standard og henviste i stedet til en kontaktknap på kvitteringssiden. Resultatet: færre sager til manuel behandling og hurtigere indmeldelse, uden at antallet af indmeldelser faldt.

Designsystem og dev-samarbejde

Komponentbibliotek og React-tilpasning

Overblik over nogle af de forskellige komponenter i designsystemet.

Løsningen byggede på en React-webplatform, så eksisterende komponenter kunne ikke bare genbruges råt. Jeg designede og dokumenterede nye UI-komponenter direkte til designsystemet, og genbrugte eksisterende elementer, hvor det gav mening, for at spare udviklingstid. A-kasselovgivningen stiller samtidig stramme, ufravigelige krav til, hvad der skal spørges om, så jeg arbejdede tæt med fagfolk og udviklere for at oversætte tung jura til intuitive UI-elementer.

En “Digital Twin” i Figma

Overblik over hele flowet i Figma.

Indmeldelsen var over årene blevet en “black box”, som ingen havde det fulde overblik over. Jeg opbyggede en komplet Digital Twin i Figma: et bibliotek med samtlige skærme, forgreninger og logikker, så hele organisationen for første gang kunne gennemskue og vedligeholde produktet. Det betaler sig stadig i praksis: juridiske tekstvarianter kan nu findes og rettes i Figma på få minutter, i stedet for at klikke sig igennem hele indmeldelsen.

Resultater

Løbende forbedringer
Indmeldelsen forbedres fortsat ud fra data og brugerinddragelse, hvor den gamle stod stille
Mindre manuelt
Færre manuelle behandlinger fører til hurtigere indmeldelse for nye medlemmer
Digital Twin i Figma
Komplet kortlægning erstattede en black box og muliggør i dag hurtigere arbejdsgange

← Tilbage til forsiden