Built with MagicPath

MedCar+ — Digital Hospital Dashboard

Mustofa Al-Ameen Mustafa

MedCar+ — Digital Hospital Dashboard

A Modern Interface for Smarter Healthcare Management

Overview

MedCar+ is a digital hospital dashboard built to simplify patient, doctor, and department management within healthcare systems. The goal was to design an intuitive, clean, and efficient interface that allows hospital administrators and medical staff to manage data seamlessly — from patient records to doctor schedules.

My Role

Product Designer (UI/UX)
User flow creation
Dashboard layout design
Component system
Figma design & MagicPathAI integration

The Challenge

Most hospital dashboards are cluttered, difficult to navigate, and rely on outdated UI patterns. MedCar+ solves this by:
Reducing visual noise
Creating strong hierarchy
Using reusable components across all screens
Supporting fast filtering and searching
The result is a dashboard that feels easy, consistent, and professional.

Design Process

1. Structure & Information Architecture

I designed MedCar+ around 5 core modules:
Dashboard
Departments
Records
Doctors / Staff
Settings
This modular approach allows the platform to scale without redesigning the entire system.

2. Design System

Built a reusable design system with:
Soft grey neutrals and blue accents
Consistent spacing scale
Card-based layout
Table components with clear scanning patterns
Clean iconography
Multi-level search and filtering inputs
This system powers all MedCar+ screens.

Core Screens

Dashboard Overview

A high-level summary for quick decision-making:
Total patients
Active doctors
Department summaries
Recent activity
The dashboard uses cards, simple charts, and minimal text to reduce overload.
Dashbaord
Dashbaord

Patient Records

A simple and structured view for managing patient information.
Highlights:
Global and contextual search
Filter by Active / Inactive
Quick stats: Total Records, New This Week, Inactive Records, Last Updated
Clean table layout (Name, Card ID, Gender, DOB, Contact, Department, Status)
“View” action dropdown for quick access
Pagination for large datasets
Designed to be fast, readable, and aligned with real hospital workflows.
Records
Records

Departments

A structured module for organizing hospital divisions. Users can view all departments, see assigned staff, and manage department details with quick actions. Clean cards and tables keep navigation simple and consistent.
Departments
Departments

Card Accounts

A dedicated section for managing patient card accounts and activity. Users can check card status, balance, activation history, and account details through a simple table layout with intuitive actions for updating or reviewing card info.
Cards Account
Cards Account

Outcome

MedCar+ achieves a smooth balance between clarity and functionality, giving hospital staff a system that feels modern, predictable, and efficient.

Results:

✔ Clear structure & hierarchy ✔ Reusable UI components across all modules ✔ Intuitive patient record management ✔ Scalable and easy to expand ✔ Built-ready design for MagicPathAI and development teams
Like this project

Posted Nov 14, 2025

Designed a digital hospital dashboard for efficient healthcare management.

Modvera Homepage Design
Modvera Homepage Design
Streamlining Brand Design with Client Flow
Streamlining Brand Design with Client Flow
Unify Landing Page Design
Unify Landing Page Design
Notivent App Onboarding Design
Notivent App Onboarding Design

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc