Citizen Booking

Citizen Booking

New digital portal used by residents in Denmark to manage their dental appointments, communicate health information, read messages and more.

New digital portal used by residents in Denmark to manage their dental appointments, communicate health information, read messages and more.

Website

Website

Website

Website

Mobile

Mobile

Mobile

Mobile

Citizen booking mobile application design
Citizen booking mobile application design
Citizen booking mobile application design
Citizen booking mobile application design
Citizen booking mobile application design

Challenges

The previous web version was outdated, visually inconsistent, and lacked accessibility compliance, while the mobile application provided a vastly different experience, leading to usability challenges.

Key pain points included unexpected roadblocks in the booking process, a confusing teeth overview and unclear content, as well as cluttered layout that left users stuck and confused. The system also needed to accommodate different public-sector clients, in terms of visual design and branding.

The previous web version was outdated, visually inconsistent, and lacked accessibility compliance, while the mobile application provided a vastly different experience, leading to usability challenges.

Key pain points included unexpected roadblocks in the booking process, a confusing teeth overview and unclear content, as well as cluttered layout that left users stuck and confused.
The system also needed to accommodate different public-sector clients, in terms of visual design and branding

The previous web version was outdated, visually inconsistent, and lacked accessibility compliance, while the mobile application provided a vastly different experience, leading to usability challenges.

Key pain points included unexpected roadblocks in the booking process, a confusing teeth overview and unclear content, as well as cluttered layout that left users stuck and confused. The system also needed to accommodate different public-sector clients, in terms of visual design and branding.

Solution

The redesign followed a rapid prototyping approach with multiple rounds of user testing to validate ideas and refine user journeys. An initial usability audit identified key pain points, followed by three iterative prototype testing rounds, incorporating think-aloud testing for real-time user insights.

The redesign followed a rapid prototyping approach with multiple rounds of user testing to validate ideas and refine user journeys. An initial usability audit identified key pain points, followed by three iterative prototype testing rounds, incorporating think-aloud testing for real-time user insights.

Key improvements included:

  • Achieving 100% task success rates across the last two testing rounds.

  • Streamlining the booking process and refining user journeys to reduce friction.

  • Creating a consistent visual identity across web and mobile with a scalable design system adaptable to different customer brands.

  • Restructure content and add new features such as Notifications, Permission and Onboarding processes to enhance the user experience.
    Ensuring full compliance with WCAG accessibility standards (level A & AA), meeting Denmark’s legal requirements for public solutions.

Key improvements included:

  • Achieving 100% task success rates across the last two testing rounds.

  • Streamlining the booking process and refining user journeys to reduce friction.

  • Creating a consistent visual identity across web and mobile with a scalable design system adaptable to different customer brands.

  • Restructure content and add new features such as Notifications, Permission and Onboarding processes to enhance the user experience.
    Ensuring full compliance with WCAG accessibility standards (level A & AA), meeting Denmark’s legal requirements for public solutions.

Citizen booking website design - Hero page
Citizen booking website design - Hero page
Citizen booking website design - Hero page
Citizen booking website design - Hero page
Citizen booking website design - Hero page
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking

Trigger

Citizen booking web design -  Extra booking
Citizen booking web design -  Extra booking
Citizen booking web design -  Extra booking
Citizen booking web design -  Extra booking
Citizen booking web design -  Extra booking
The user experience is designed around seamless user journeys that enhance efficiency for users while ensuring clinics have all the necessary patient information.
The user experience is designed around seamless, non-blocking journeys that enhance efficiency for users while ensuring clinics have all the necessary patient information.
The user experience is designed around seamless, non-blocking journeys that enhance efficiency for users while ensuring clinics have all the necessary patient information.
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Appointments booking
Citizen booking mobile design -  Notifications
Citizen booking mobile design -  Notifications
Citizen booking mobile design -  Notifications
Citizen booking mobile design -  Notifications
Citizen booking mobile design -  Notifications
Citizen booking mobile design -  In-app Notifications
Citizen booking mobile design -  In-app Notifications
Citizen booking mobile design -  In-app Notifications
Citizen booking mobile design -  In-app Notifications
Citizen booking mobile design -  In-app Notifications
Citizen booking design system
Citizen booking design system
Citizen booking design system
Citizen booking design system
Citizen booking design system
A modern-looking design system was created to ensure the application scales seamlessly while maintaining an intuitive and familiar user experience.
A modern-looking design system was created to ensure the application scales seamlessly while maintaining an intuitive
and familiar user experience.
Citizen booking design system - Iconography
Citizen booking design system - Iconography
Citizen booking design system - Iconography
Citizen booking design system - Iconography
Citizen booking design system - Iconography
Citizen booking design system - illustrations
Citizen booking design system - illustrations
Citizen booking design system - illustrations
Citizen booking design system - illustrations
Citizen booking design system - illustrations
Extra screens with various features of the application
Extra screens with various features of the application
Extra screens with various features of the application
Extra screens with various features of the application
Extra screens with various features of the application
Citizen booking design system - Design Tokens
Citizen booking design system - Design Tokens
Citizen booking design system - Design Tokens
Citizen booking design system - Design Tokens
Citizen booking design system - Design Tokens
Citizen booking mobile design - Onboarding process
Citizen booking mobile design - Onboarding process
Citizen booking mobile design - Onboarding process
Citizen booking mobile design - Onboarding process
Citizen booking mobile design - Onboarding process

Next project