Project
Solo project
Duration
4 Weeks, 2023
My Role
Research, Grid system,
UI process with style guide
Enhance the accessibility and inclusive of website
Doctolib is a widely used online booking platform in France and many other European countries, enabling seamless hospital-patient appointments. In response to language and reservation issues, we launched a project to boost inclusivity and accessibility for all users.
Discover
For a better user experience before touching the design, I researched the inconvenience experienced by users during the hospital reservation process.I derived insights to develop in the design process accordingly.
PROJECT GOAL
How might we improve access to the hospital appointment process on the Doctolib online platform by incorporating inclusivity and accessibility measures?
Grid System
I created a responsive web using a grid system for more appealing and accessible design. I designed pages for three devices including web, tablet, and mobile.
Desktop
1920px / 12 Columns
Laptop
1920px / 12 Columns
Tablet
768px / 8 Columns
Mobile
390px / 4 Columns
Style Guide
Deliver
LANDING PAGE
Desktop
1920px
Enhance the inclusive access
Inclusive access has been strengthened by emphasizing the language change option.
Provide a clear search flow
By adding a hospital search by symptom to simplify user navigation and reduce unnecessary clicks, the overall user experience has been improved so that users can easily access the service.
SUB PAGE_SEARCH
Desktop
1920px
Reinforcing the web accessibility through search filters
Expanded search filters allow users to more easily find the information they are looking for. This improves the user experience, makes the website more inclusive and equal opportunities for all users.
SUB PAGE_HOSPITAL INFO
Desktop
1920px
Adding a rating & review for hospitals
Ratings and reviews of hospitals enhance the reliability and transparency of the website and promote user participation and interaction. This can greatly improve user accessibility and usability of the website.
Redesign
Before
After
HIGH FIDELITY DESIGN : LANDING PAGE
Laptop · Tablet · Mobile
1024px · 768px · 390px
More Works
OverviewDISCOVERGrid systemDELIVER