Designarbejde hos DGI
UX/UI på selvbetjeningsflows og digitale løsninger (flere eksempler)
UX/UI · Brugerflows · Prototyper · Designsystem · Implementering
Jeg har arbejdet med at udvikle og optimere UX- og UI-design på DGI’s digitale platforme. Projekterne spænder fra funktionelle dele af DGI’s digitale univers og har fokus på at skabe brugervenlige, sammenhængende og overskuelige oplevelser for både medlemmer, foreninger og medarbejdere.
Mange af de løsninger, jeg har arbejdet på, er en del af interne systemer eller ligger bag login og kan derfor ikke vises i fuld form. De cases, du finder her, giver et indblik i udvalgte dele af mit arbejde – fra koncept og flow til konkret opsætning og eksekvering – og min tilgang til design i en stor organisation.
Mit ansvar
UX/UI, brugerrejser, flows, wireframes, prototyper og UI-komponenter.
Samarbejde
Tæt sparring med udviklere, redaktører og interne interessenter.
Fokus
Klarhed i brugerens næste skridt, ro i kritiske situationer (f.eks. login), og løsninger der kan implementeres i praksis.

Udvalgte mini-cases
Glemt kodeord & oprettelse af ny bruger
Mit DGI
Jeg designede flowet for “Glemt kodeord” (trin 1, 2, 3 og 4) samt “Opret ny bruger” til mit.dgi.dk – DGI’s platform for medlemslogin og selvbetjening. Mit mål var at gøre oplevelsen enkel, tryg og overskuelig – især i situationer, hvor brugeren typisk er usikker eller frustreret.
Opgaven bestod i at opbygge en brugerrejse, der skaber klarhed og fremdrift gennem hele processen: Fra første klik til bekræftelse. Jeg arbejdede med tydelig trinopdeling, enkel og venlig mikrocopy samt et roligt visuelt layout, der fungerer på både mobil og desktop.
Designet følger DGI’s daværende designsystem og blev udviklet med fokus på tilgængelighed, genkendelighed og teknisk implementerbarhed. Jeg lagde desuden vægt på at hjælpe brugeren med at undgå fejl og forstå næste skridt – også når noget går galt.
Resultatet er et letforståeligt og tillidsvækkende flow, der understøtter både brugervenlighed og organisationsbehov. Designet er implementeret som en fast del af Mit DGI og bidrager til en mere selvhjulpen og tilfreds brugeroplevelse.





HTML-opsætningen af tilmeldingsmailen til DGI Landsstævne
Tilmeldingsmail – DGI Landsstævne

I forbindelse med DGI Landsstævne stod jeg for kodning og opsætning af en HTML-skabelon til brug i det automatiserede mailsystem, der håndterer tilmeldinger.
Formålet var at samle al nødvendig information i en overskuelig og mobilvenlig mail – inkl. billetadgang, muligheder for at tilkøbe showbilletter, link til redigering af tilmelding, og vejledning i oprettelse af bruger i Mit DGI.
Jeg udviklede e-mailen i ren HTML og CSS med hensyn til de mange begrænsninger, der gælder for e-mailklienter som Outlook og Gmail. Layoutet blev struktureret med tydelige sektioner, luft, læsevenlig typografi og call-to-action knapper, så det fungerer godt både på desktop og mobil.
I arbejdet indgik også integration af dynamiske felter til personlige data som modtagernavn og e-mailadresse, så mailen kunne skaleres til tusindvis af modtagere. Desuden tilpassede jeg designet til DGI’s visuelle identitet med farver, typografi og elementer, der matcher resten af Landsstævne-kommunikationen.
Endelig testede jeg mailen på tværs af platforme og enheder for at sikre, at både funktion og udseende var stabilt i praksis. Resultatet er en velfungerende og informativ mail, som giver deltagerne et godt overblik og nem adgang til deres information.
Design og brugerflow i DGI’s tilmeldingssystem
Tilmeldingsportal
Jeg har været med til at designe centrale dele af DGI’s tilmeldingsportal – et værktøj, der årligt bruges af tusindvis af deltagere til kurser, events og uddannelser. Portalen har til formål at gøre det nemt og overskueligt at tilmelde sig aktiviteter, uanset om man er ny bruger, foreningsfrivillig eller medlem.
Mit arbejde har især fokuseret på at forbedre brugeroplevelsen og skabe et sammenhængende visuelt og funktionelt design. Jeg har stået for udformning af layout, design af inputfelter, knapper, bokse og modale vinduer – med udgangspunkt i DGI’s designprincipper og komponentbibliotek.
Gennem tæt sparring med frontend-udviklere har jeg arbejdet med at omsætte mine designforslag til løsninger, der både er teknisk realistiske og brugervenlige. Det har krævet afvejning mellem kompleksitet og funktionalitet – med brugerens behov i centrum hele vejen.
Billederne viser et samlet eksempel på forskellige dele af flowet – fra login og valg af deltager til tilknytning af kontaktperson og visning af kurv.







Design af kø-system
Kø-system
For at sikre en stabil og retfærdig brugeroplevelse ved høj trafik, designede jeg et visuelt og funktionelt kø-system til DGI’s platforme. Løsningen skulle være enkel, tydelig og skabe tryghed hos brugeren i en situation, hvor ventetid ellers kan skabe frustration.
Arbejdet bestod i at lave et design, der klart kommunikerer brugerens placering i køen, den forventede ventetid samt konsekvensen ved at forlade siden. Jeg lagde vægt på roligt, overskueligt layout med tydelige statusindikatorer og klare tekster, så brugeren altid forstår, hvad der sker, og hvor længe de skal vente.
Det endelig resultat blev et kø-system, der både understøtter DGI’s digitale drift i pressede situationer og samtidig giver brugerne en positiv oplevelse af transparens og kontrol.
