Designarbejde hos DGI

Her præsenterer jeg et udvalg af mit arbejde som UX- og digital designer hos DGI. Projekterne spænder over forskellige dele af DGI’s digitale univers og har alle fokus på at skabe brugervenlige, sammenhængende og værdiskabende oplevelser for både medlemmer, foreninger og medarbejdere.

Mit arbejde har omfattet design af brugerrejser, udvikling af komponenter og flows, mikrocopy, opsætning af tekniske løsninger og visuelle formater, samt samarbejde med udviklere, redaktører og interne interessenter. Fælles for projekterne er et stærkt fokus på brugernes behov og DGI’s mission om at gøre bevægelse og fællesskab tilgængeligt for alle.

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.

Udvalgte cases

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.

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.

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.

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.