HEALTHCARE
Web + Mobile App
MEDO
NEXA
A modern healthcare appointment booking platform designed to simplify how patients access medical care and how clinics manage their daily operations.
UI/UX Case Study
01/
Project Overview
Medo Nexa is a modern healthcare appointment booking platform designed to simplify how patients access medical care and how clinics manage their daily operations.
The platform brings together a patient-focused mobile application and a powerful web-based admin dashboard into one unified ecosystem. Patients can easily search for doctors, book appointments, manage their medical records, and order medicines directly from the app, while clinics and hospitals operate seamlessly through a centralized web dashboard that handles appointments, patients, lab workflows, staff, and billing.
VISION
To create a connected healthcare ecosystem where patients, doctors, and clinics can interact effortlessly through a single digital platform — making quality healthcare accessible, efficient, and stress-free for everyone.
We envision a future where technology removes barriers from healthcare, reduces waiting times, eliminates manual processes, and empowers both patients and medical professionals with seamless digital experiences.
MISSION
Our mission is to transform healthcare delivery by building a unified platform that connects patients and clinics through intuitive digital solutions.
With Medo Nexa, we aim to:
- Simplify doctor discovery and appointment booking
- Enable patients to manage their health records and order medicines from one place
- Provide clinics with a powerful web-based operations dashboard
- Improve coordination between doctors, staff, and labs
- Reduce administrative overhead and operational inefficiencies
02/
Brand Identity
MEDO
NEXA
Healthcare still feels complicated and disconnected for many people. Patients often struggle with finding the right doctor, booking appointments, managing prescriptions, ordering medicines, and keeping track of medical records and lab reports. At the same time, clinics and hospitals rely on multiple fragmented systems for scheduling, patient data, lab workflows, billing, and communication, which leads to inefficiencies, long waiting times, and high administrative workload. These gaps create a slow and frustrating experience for both patients and healthcare providers.
Medonexa was designed as a unified healthcare platform that connects patients and clinics through one seamless digital ecosystem. The patient mobile app enables users to book appointments, access prescriptions, order medicines, and manage their health records easily, while the web-based admin dashboard gives clinics a powerful control center to manage appointments, patients, labs, staff, and billing. By bringing everything together into a single, intuitive system, Medonexa delivers a faster, more organized, and more reliable healthcare experience.
03/
Design Process
Designing Medonexa was an iterative and exploration-driven journey focused on building a clean, modern healthcare experience. Instead of following a rigid design framework, the process evolved organically through inspiration, experimentation, and continuous refinement — allowing the product to take shape naturally as a complete healthcare ecosystem. The goal was to design something that feels simple for patients, powerful for clinics, and visually trustworthy for healthcare.
Discover & Explore
Ideate & Structure
Design & Build
Refine & Improve
04/
Style Guide
TYPOGRAPHY
Regular
Medium
Manrope
Semi Bold
Bold
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1 2 3 4 5 6 7 8 9 10
Heading 1
32px
Healthcare System
Heading 2
24px
Healthcare System
Sub Heading 1
20px
Healthcare System
Sub Heading 2
18px
Healthcare System
Body
16px
Healthcare System
Caption
14px
Healthcare System
COLOR PALETTE
Primary CTA, Buttons, Highlights
#16ADE1
Headers, Navigation
#1B3954
Primary Text
#0F172A
Secondary Text
#64748B
Muted Text
#94A3B8
App Background
#F5FBFE
White
#FFFFFF
Cards
#E6F4FA
Borders
#D9D9D9
ICONOGRAPHY
GRID SYSTEM - MOBILE APP
To ensure visual consistency, alignment, and scalability across the patient mobile app, Medo Nexa follows a structured mobile grid system optimized for modern smartphone screens. The layout is based on a 4-column grid with 16px margins and 24px gutters, providing a balanced rhythm between content and white space. This grid system allows flexible placement of cards, lists, and navigation elements while maintaining clear hierarchy and readability. By using a consistent grid foundation, the interface remains clean, predictable, and easy to navigate across all screen sizes.
GRID SYSTEM - WEB APP
The web admin dashboard follows a 12-column responsive grid system with modular components that adapt their spacing based on content density and hierarchy. This ensures both structural consistency and optimal readability across complex healthcare workflows.
05/
App Screens & Interface
Home Screen
Dashboard with quick access to key features
Doctor Profile
Doctor details with booking options
Splash Screen
App launch and branding
Cover Visual
Marketing and presentation mockup
Frequently Asked Questions
What is Medonexa?
Medonexa is a comprehensive healthcare platform that connects patients with healthcare providers through a mobile app and web-based admin dashboard.
What features does Medonexa offer patients?
Patients can search for doctors, book appointments, manage medical records, access prescriptions, order medicines, and view lab reports.
How does Medonexa help clinics?
The admin dashboard helps clinics manage appointments, patients, lab workflows, staff, billing, and provides analytics for better decision-making.