Daktari
Daktari
Daktari
Discover
Discover
Discover
Understanding the Healthcare Landscape & User Needs
Understanding the Healthcare Landscape & User Needs
Daktari Plus was envisioned as a digital healthcare platform aimed at increasing access to medical services in Kenya, where only 15% of healthcare services were digitized. The platform needed to connect patients, doctors, pharmacies, and hospitals while also providing preventive health education to underserved communities.
Daktari Plus was envisioned as a digital healthcare platform aimed at increasing access to medical services in Kenya, where only 15% of healthcare services were digitized. The platform needed to connect patients, doctors, pharmacies, and hospitals while also providing preventive health education to underserved communities.
Through user research and competitor analysis, the following key challenges were identified:
Through user research and competitor analysis, the following key challenges were identified:
→
→
→
Limited healthcare access – Patients, especially in rural areas, struggled to find and book medical services;
Limited healthcare access – Patients, especially in rural areas, struggled to find and book medical services;
→
→
→
Lack of preventive health education – Users wanted easy-to-access health articles without needing
to sign up;
Lack of preventive health education – Users wanted easy-to-access health articles without needing
to sign up;
→
→
→
Inefficient patient-doctor interactions – Healthcare providers needed a simplified interface to manage chats and calls;
Inefficient patient-doctor interactions – Healthcare providers needed a simplified interface to manage chats and calls;
→
→
→
Accessibility barriers – Users with disabilities faced navigation issues on many existing healthcare platforms.
Accessibility barriers – Users with disabilities faced navigation issues on many existing healthcare platforms.
These insights guided our design strategy to create a seamless, user-friendly, and inclusive digital healthcare experience.
These insights guided our design strategy to create a seamless, user-friendly, and inclusive digital healthcare experience.
Define
Define
Define
Setting the Design Goals
Setting the Design Goals
With a strong focus on user experience and accessibility, we defined the core design objectives:
With a strong focus on user experience and accessibility, we defined the core design objectives:
→
→
→
Ensure a seamless patient journey
Ensure a seamless patient journey
•
•
•
Enable quick and easy doctor-patient connections through intuitive UI/UX;
Enable quick and easy doctor-patient connections through intuitive UI/UX;
•
•
•
Provide accessible health information on the homepage without requiring user registration.
Provide accessible health information on the homepage without requiring user registration.
→
→
→
Improve usability for healthcare providers
Improve usability for healthcare providers
•
•
•
Design a unified interface for doctors to manage patient interactions;
Design a unified interface for doctors to manage patient interactions;
•
•
•
Optimize workflow efficiency to improve patient response times.
Optimize workflow efficiency to improve patient response times.
→
→
→
Enhance accessibility & inclusivity
Enhance accessibility & inclusivity
•
•
•
Adhere to WCAG 2.1 guidelines to support users with disabilities;
Adhere to WCAG 2.1 guidelines to support users with disabilities;
•
•
•
Implement keyboard navigation, screen reader support, and high-contrast UI.
Implement keyboard navigation, screen reader support, and high-contrast UI.
These objectives ensured a well-balanced user experience for both patients and medical professionals.
These objectives ensured a well-balanced user experience for both patients and medical professionals.
Iterate
Iterate
Iterate
Prototyping and User Testing
Prototyping and User Testing
To refine the user experience, we followed an iterative design process with continuous feedback loops.
To refine the user experience, we followed an iterative design process with continuous feedback loops.
→
→
→
Wireframing & Prototyping
Wireframing & Prototyping
•
•
•
Developed low-fidelity wireframes to map out user flows;
Developed low-fidelity wireframes to map out user flows;
•
•
•
Created interactive prototypes for testing and refinement.
Created interactive prototypes for testing and refinement.
→
→
→
A/B Testing for Feature Optimization
A/B Testing for Feature Optimization
•
•
•
Health education visibility: Tested different homepage layouts to ensure easy access to articles;
Health education visibility: Tested different homepage layouts to ensure easy access to articles;
•
•
•
Doctor-patient interaction UI: Ran usability tests with medical professionals to refine the chat and call interface;
Doctor-patient interaction UI: Ran usability tests with medical professionals to refine the chat and call interface;
•
•
•
Navigation & accessibility: Iteratively improved keyboard navigation and screen reader support.
Navigation & accessibility: Iteratively improved keyboard navigation and screen reader support.
→
→
→
User Research Insights
User Research Insights
•
•
•
Doctors preferred a centralized dashboard to manage patient chats and appointments;
Doctors preferred a centralized dashboard to manage patient chats and appointments;
•
•
•
Patients needed clear call-to-action buttons to book appointments without confusion;
Patients needed clear call-to-action buttons to book appointments without confusion;
•
•
•
Rural users relied on mobile access, requiring a responsive design approach.
Rural users relied on mobile access, requiring a responsive design approach.
These iterations helped us fine-tune the platform for efficiency, accessibility, and ease of use.
These iterations helped us fine-tune the platform for efficiency, accessibility, and ease of use.
Design
Design
Design
Building a Scalable, Accessible & Engaging Platform
Building a Scalable, Accessible
& Engaging Platform
Building a Scalable, Accessible & Engaging Platform
With user feedback and testing results, we implemented key design improvements:
With user feedback and testing results, we implemented key design improvements:
→
→
→
Seamless Navigation & Information Architecture
Seamless Navigation & Information Architecture
•
•
•
Prioritized health articles on the homepage, making information accessible without login barriers;
Prioritized health articles on the homepage, making information accessible without login barriers;
•
•
•
Optimized the appointment booking flow, reducing friction for users.
Optimized the appointment booking flow, reducing friction for users.
→
→
→
Doctor & Patient Interaction Interface
Doctor & Patient Interaction Interface
•
•
•
Designed a centralized dashboard for doctors, improving response time to patient queries;
Designed a centralized dashboard for doctors, improving response time to patient queries;
•
•
•
Introduced real-time chat & call functionality with intuitive action buttons for quick access.
Introduced real-time chat & call functionality with intuitive action buttons for quick access.
→
→
→
Accessibility & Inclusivity Enhancements
Accessibility & Inclusivity Enhancements
•
•
•
Keyboard navigation – Every interactive element followed a logical tab order for smooth navigation;
Keyboard navigation – Every interactive element followed a logical tab order for smooth navigation;
•
•
•
Screen reader compatibility – Labels and tooltips were designed to enhance clarity for visually impaired users;
Screen reader compatibility – Labels and tooltips were designed to enhance clarity for visually impaired users;
•
•
•
High-contrast UI – Colors were tested to meet minimum contrast ratios for improved readability.
High-contrast UI – Colors were tested to meet minimum contrast ratios for improved readability.
→
→
→
Scalability & Mobile Responsiveness
Scalability & Mobile Responsiveness
•
•
•
Mobile-first design ensured usability across all device types;
Mobile-first design ensured usability across all device types;
•
•
•
Responsive layout adjustments improved text readability and button accessibility on smaller screens.
Responsive layout adjustments improved text readability and button accessibility on smaller screens.
These design choices transformed the platform into a user-friendly, accessible, and scalable solution.
These design choices transformed the platform into a user-friendly, accessible, and scalable solution.
Measure
Measure
Measure
Evaluating the Impact & Success of the Design
Evaluating the Impact & Success of the Design
After launching the beta version of Daktari Plus, we tracked key performance metrics to assess the impact of our design optimizations:
After launching the beta version of Daktari Plus, we tracked key performance metrics to assess the impact of our design optimizations:
→
→
→
User Engagement & Retention
User Engagement & Retention
•
•
•
1,000+ beta users onboarded within the initial phase;
1,000+ beta users onboarded within the initial phase;
•
•
•
Users spent 30% more time engaging with the health education content.
Users spent 30% more time engaging with the health education content.
→
→
→
Doctor Efficiency & Workflow Optimization
Doctor Efficiency & Workflow Optimization
•
•
•
25% improvement in hospital workflow efficiency, leading to faster patient management;
25% improvement in hospital workflow efficiency, leading to faster patient management;
•
•
•
Doctors reported a more intuitive chat & call interface, increasing their response rate.
Doctors reported a more intuitive chat & call interface, increasing their response rate.
→
→
→
Accessibility & Usability Success
Accessibility & Usability Success
•
•
•
Achieved full compliance with WCAG 2.1 standards, ensuring inclusivity;
Achieved full compliance with WCAG 2.1 standards, ensuring inclusivity;
•
•
•
Accessibility audits confirmed high usability scores from visually impaired users.
Accessibility audits confirmed high usability scores from visually impaired users.
→
→
→
Scalability & Market Potential
Scalability & Market Potential
•
•
•
Positioned Daktari Plus to scale across Kenya and expand into East Africa’s €35.8 billion healthcare market.
Positioned Daktari Plus to scale across Kenya and expand into East Africa’s €35.8 billion healthcare market.
These results validated the impact of our design approach in creating an effective, inclusive, and scalable digital healthcare platform.
These results validated the impact of our design approach in creating an effective, inclusive, and scalable digital healthcare platform.
Conclusion
Conclusion
The Daktari Plus project successfully bridged critical gaps in digital healthcare accessibility, proving how user-centered design can drive transformation in underserved regions.
The Daktari Plus project successfully bridged critical gaps in digital healthcare accessibility, proving how user-centered design can drive transformation in underserved regions.
By focusing on:
By focusing on:
→
→
→
Seamless patient-doctor interactions;
Seamless patient-doctor interactions;
→
→
→
Accessible & inclusive UI/UX;
Accessible & inclusive UI/UX;
→
→
→
Scalability & mobile-first design.
Scalability & mobile-first design.
We empowered thousands of users and set a new standard for digital healthcare platforms in Kenya.
We empowered thousands of users and set a new standard for digital healthcare platforms in Kenya.
The journey continues as we refine and scale the platform, ensuring long-term impact in modernizing healthcare access across East Africa.
The journey continues as we refine and scale the platform, ensuring long-term impact in modernizing healthcare access across East Africa.
Copyright © 2024 Monochromatic Ltd. All rights reserved.
Workhub, 77 Lower Camden Street, Dublin, D02 XE80, Ireland
Copyright © 2024 Monochromatic Ltd. All rights reserved.
Workhub, 77 Lower Camden Street, Dublin, D02 XE80, Ireland
Copyright © 2024 Monochromatic Ltd. All rights reserved.
Workhub, 77 Lower Camden Street, Dublin, D02 XE80, Ireland