— PROJECT
Redesign of the
Doctolib mobile app
— ROLE
UX/UI designer
— TOOLS
Figma
Illustrator
— DATE
2022
Doctolib is a widely used platform in Europe that connects patients with healthcare professionals, simplifying appointment scheduling and telemedicine.
While functional and reliable, its user interface can sometimes feel cluttered, leading to friction in the user experience, especially for non-tech-savvy individuals.
With a mission to make healthcare more accessible, the need for a more intuitive and streamlined design became apparent.
THE
PROJECT
This redesign project aimed to improve the user experience of Doctolib by enhancing usability, modernizing the visual design, and addressing pain points identified in the existing user flow. The process included user research, iterative design, and refinement, resulting in a solution that aligns with both user needs and Doctolib’s brand values.
The project involved the following steps:
- Analyzing the user flow
- Concept sketches
- Mid-fidelity wireframes
- Style guide development
- High-fidelity mockups
THE
RESEARCH
The first step was to map out the current user flow for the key tasks, including scheduling appointments, managing medical records, and accessing telemedicine services.
This analysis revealed areas of inefficiency:
- - Redundant steps in the appointment booking process.
- - Lack of clarity in navigation for new users.
- - Overwhelming interface elements that distracted from primary tasks.
Solution:
Simplify the user journey by consolidating steps and improving the visibility of primary actions such as “Book an Appointment” or “View Medical History.”
CONCEPT
SKETCHES
Concept sketches were created to explore ideas for improving layout, navigation, and the overall user experience.
A major emphasis was placed on designing a personalized homescreen that could display upcoming appointments, favorite doctors, and recent activity at a glance.
The sketches also explored ways to declutter the interface, improve the prominence of key actions like "Book an Appointment," and enhance the overall visual hierarchy.
WIREFRAMES
The sketches were translated into mid-fidelity wireframes to test the functionality and structure of the redesign.
At this stage, visual design was minimal, allowing the focus to remain on usability and layout.
Feedback from early usability testing led to adjustments in spacing, labeling, and navigation paths. For instance, the appointment booking process was further refined based on user input to ensure clarity and reduce cognitive load.
UI
DESIGN
A style guide was developed to establish a consistent visual identity for the platform. It included a refined color palette dominated by calming blues and whites, which conveyed a sense of professionalism and trust.
Typography was selected for its legibility across various devices, while iconography was simplified to enhance navigation and reduce cognitive load.
Custom illustrations were also introduced to add a more human and approachable feel to the platform. These illustrations were designed to guide users through complex processes, such as booking appointments, and to create a more engaging and friendly interface. They not only enhanced the aesthetic appeal but also played a functional role by reducing user anxiety and making the platform feel less clinical.
THE
RESULT
The high-fidelity mockups integrated all the insights and refinements from previous stages, bringing the redesign to life with a modern and polished interface.
The design prioritized responsiveness, ensuring a seamless experience across mobile, tablet, and desktop devices. Accessibility features, such as high contrast ratios and larger touch targets, were incorporated to make the platform usable for a wider audience.
The custom illustrations, strategically placed throughout the interface, provided visual guidance for key actions and helped create a more welcoming experience. Feedback from usability testing confirmed that the redesign significantly improved user satisfaction and task efficiency.
CONCLUSION
The redesign of Doctolib highlights the power of a user-centered design approach in transforming a functional platform into an intuitive and enjoyable experience.
By addressing user pain points, streamlining workflows, and incorporating thoughtful visual and illustrative elements, the new design achieved a balance between functionality and aesthetics.
This project not only enhanced usability but also strengthened the emotional connection between users and the platform, ensuring its continued relevance and accessibility in the digital healthcare landscape.