Context & Objective

As part of a larger digital transformation project for Danmarks Lærerforening (The Danish Union of Teachers), I was responsible for designing the final version of a new member page. The page serves as a key portal for members to manage their profiles, access documents, stay informed, and receive relevant offers – tailored to their specific role and life stage. The goal was to create a highly usable and accessible interface that worked seamlessly across a wide user base with varying levels of digital literacy and needs.

My Role

• UX & UI Designer
• Responsible for all phases from early research to final high-fidelity designs
• Led workshops, interviews, and testing
• Delivered interactive clickthrough prototypes for both client and development handoff
• Ensured the solution met both user needs and technical feasibility

User Research

We conducted a thorough user research process including:

• 1-on-1 interviews with members from different life stages and job types
• User surveys to capture broader needs and preferences
• Persona creation, based on real data, to support decision-making throughout the project
• Stakeholder workshops to align expectations and uncover hidden requirements

Key insight: the user base was highly diverse – including students, part-time workers, full-time teachers, retirees, and unemployed members. This called for a highly inclusive and adaptable interface.

Personas & Journeys

We developed 4 key personas:

• The Student: Just starting out, uses mobile primarily
• The Full-Time Teacher: Needs structured tools and resources
• The Job-Seeker: Prioritizes quick access to support and job tools
• The Retired Member: Engages less frequently but expects simplicity

Each persona informed specific journeys and access permissions. We ensured their needs were met through content hierarchy, login-based customization, and clear language.

Design Solution

The final design features:

• A clean and flexible layout, responsive across devices
• Dynamic modules that change based on user type and login status
• Clear, supportive navigation with role-specific quick links
• Attention to accessibility (contrast, font sizes, keyboard navigation)
• Friendly, inclusive tone of voice throughout

Each element was built with scalability in mind for future feature expansion.

Outcome & Learnings

The final design was delivered as a complete clickable prototype, ready for development. It was presented to both the internal project team and executive stakeholders, and received very positive feedback on:

• Usability
• Role-based relevance
• Visual clarity
• Accessibility focus

Key learning: Inclusive design is not only about accessibility – it’s about understanding complexity and diversity within user communities

Tools Used

• Figma (wireframes, UI design, clickthrough prototype)
• Miro (workshops and persona mapping)
• Notion (documentation and research tracking)
• Zoom / in-person sessions for interviews and reviews