ECG App
An ECG interpretation app built for practitioners and cardiovascular professionals. Designed to support accurate, efficient, and expert-level diagnosis in daily clinical practice.
Role
UX/UI Designer
Platform
Healthcare
Duration
4 months
Tool
Figma
Problem Statement
Many medical students, practitioners, and professionals find it difficult to learn and practice ECG interpretation because most resources are scattered and not very interactive. They usually rely on textbooks, online videos, or PDF notes, which don’t provide real-life cases or a hands-on learning experience. There is no single platform where they can study real ECGs, test themselves with quizzes, listen to easy explanations, or save useful cases for later. Because of this, learning ECG feels complicated, less engaging, and hard to apply in real medical situations.
Challenge
We have Identified 3 macro challenges:
Content Clarity and Accuracy: Creating real-world ECG cases that are easy to understand for students but also detailed enough for professionals. Ensuring all medical content is correct, up-to-date, and reviewed by experts.
User Experience and Engagement: Designing an interface that works well for different user levels (beginners to experts), and keeping users engaged with features—without making it feel repetitive or cluttered.
Technical Performance and Accessibility: Displaying ECG images clearly on all devices, enabling offline access for low-connectivity environments like hospitals., and keeping the app fast, reliable, and easy to use in both learning and clinical settings.
Goals
Build a centralized ECG platform that is designed for daily use by learners and professionals to drive trust and retention.
Scale with Offline & Cross-Platform Access to keep users active, improve outcomes, and encourage regular usage.
Boost Retention via Personalized UX by presenting clinically relevant, easy-to-understand cases that cater to both students and working professionals.
Outcomes
Enhanced Collaborative Learning
The platform fosters peer-to-peer interaction where students and professionals exchange real ECG cases, boosting practical understanding and community-driven knowledge sharing.Increased User Engagement
Interactive features like likes, comments, and the ability to post cases keep users actively involved, turning the app from a passive reading tool into a dynamic learning space.Practical Skill Development
Exposure to diverse, real-world ECG scenarios through community posts helps users sharpen diagnostic skills, making the app a valuable tool for both academic and clinical growth.
Process
Research & Analysis
Research : We conducted a mix of user interviews and surveys to understand their opinions about the ECG results they find online or from other sources — whether they find them useful or not for learning or making decisions. This research helped me shape the design in a way that matches the main goals of the project.
Research Findings
Only 40–50% of students feel confident reading ECGs
77% said they prefer real case scenarios over textbook-style examples
65% of students want quizzes or tests after each ECG case
Pain Points Identified :
Unstructured learning (reported by 62% of users)
Low confidence in ECG interpretation (53%)
No way to track learning or bookmark cases (49%)
Lack of credible sources (46%)
Conceptualization
User Flows : Creating a user flow that outlines the steps users take throughout the ECG App to achieve their goals. This particular flow focuses on every step user need to take to fulfill his requirement.
Wireframes : We're creating simple sketches (wireframes) to show how the app will look and work. These drawings will help everyone understand the layout, screens, and user flow before we start building the actual app.
Final UI & Design Handoff
Showcase : After completing the wireframes, I applied the color theme, typography, and other design elements to the final designs.
Key screens: 30+
Design Handoff : We shared the final Figma file with clearly organized section making it easy for developers to navigate. This design document includes all the essential visual elements such as the color palette, typography styles, icon sets, and illustrations. It serves as a complete reference guide for maintaining visual consistency across the product. It helps designers and developers stay aligned and ensures the brand identity is reflected throughout the interface.
Other projects
TMS Platform 2.0
TMS Platform Modernization - Redesigning and Adding new Features in Enterprise Logistics Software for 50+ Clients
Plant Management System
Designing a real-time system to track, categorize, and visualize vehicle movement within the plant, optimizing space utilization and resource allocation.
Intelligence Dashboard
Designing a unified system to track, analyze, and optimize plant logistics operations in real time.
Womeyn
A platform by women, for women. Womeyn supports women-led businesses through a socially-driven eCommerce ecosystem. Empowering women through community, commerce, and economic independence.
Design system project
A scalable and unified design system built to streamline our TMS platform, ensuring consistency, efficiency, and a seamless user experience across all logistics operations.