Medical app

Meda app & CMS design

Manage your health documents.

Meda is a system for managing medical documents and scheduling medical analyzes and consultations. In this presentation, I tried to add personal experience from other projects in the medical field. I focused on being as simple to use and understand as possible. And obviously, with a focus on the needs of the users.


The main problem I tried to solve in this project is the creation of an easy-to-follow user flow. The solution was to establish the most critical functionalities for this project.

This project contains:

  • Mobile application design
  • CRM design for doctors
  • Management CRM design
  • Design the desktop version for patients


  • Research on apps and websites competition.
  • I used my knowledge and skills in psychology to think about users for this app.
  • I used my skills of creativity, problem-solving, communication, design thinking, user research, UX & UI design, and app design.

User Research

Based on the collected data, I created User Personas. It includes persona name, demographics, frustrations and their behavior in the form of a Scenario. I have also proposed relevant solutions, based on the problem points of the scenario.

User Flow & Functionalities


  • Online appointment scheduling: Patients can book appointments online, 24/7, without calling or visiting the clinic. This can save time and reduce phone traffic for the clinic.
  • Patient database: A centralized database of patient information, including contact details, medical history, and appointment history, can help clinics manage patient data more.
  • Appointment reminders: Automated appointment reminders, such as email or SMS, can help reduce no-shows and improve patient attendance.
  • Staff scheduling: The ability to schedule staff members.
  • Waitlist management: These features can help clinics manage patient demand and fill appointment slots that become available due to cancellations or rescheduling.
  • Billing and payment processing: billing and payment processing features allow clinics to invoice patients and accept payments online.
  • Customizable settings: Customizable settings can allow clinics to tailor the medical scheduling system to their specific needs, such as setting appointment duration, booking rules, and availability.
  • Centralized document storage: individuals can store and access all of their medical documents, such as medical records, test results, and insurance information.
  • Easy Document upload: whether by scanning, uploading from a computer, or importing from a third-party app.
  • Document categorization: The ability to categorize and organize documents by type, date, provider, or other relevant factors, to help users quickly find the information they need.
  • Document sharing: The ability to securely share documents with healthcare providers, family members, or other authorized individuals with appropriate access controls.
  • Security and privacy: Strong security and privacy controls to protect sensitive medical information, including compliance with HIPAA and other relevant regulations.
  • Educational content: about the body, including text, images, videos, and interactive tools to help users learn about anatomy, physiology, and health.
  • Personalized recommendations: customized recommendations based on user data, such as age, gender, medical history, and lifestyle factors, to help users understand their unique health risks and needs.
  • Symptom checker: The system may include a symptom checker tool to help users diagnose and understand common health conditions based on their symptoms.


I first prepared paper mock-ups which helped me get a basic idea of what I wanted in my designs. Post that, I designed Low fidelity wireframes based on the User Flow. And I kept my Low fidelity wireframe as detailed as possible. 

Design System

I wanted this app to give a sense of hope, energy, and strength to its users. As a result, I kept the primary color light pink, and the secondary red- in different shades. As for Typography, the Lato font seemed appropriate because of its open and friendly typeface and which additionally gave a wide variety of options.

The Icons are lined and rounded and full color for a clear view. The design is inspired by real file documents and the UX Writing is straight to the point and short.

Final Design

And finally! *Drum rolls* I present you some screens from the final project.


Indeed, the acquired and practiced skills can help me in projects similar to this one. We have a lot to learn from our customers to make better products. And teamwork is what brings long-term results.

It is vital to consider the customer’s pain point when making a physical or online product.

Feel free to share or like if you like my project. Do not hesitate to contact me if you want to know more or work on similar projects.


App Design, CMS Design, UX UI Design, User Research & Flow

Medical, Health

Adobe Photoshop, Figma, Affinity Design, Miro, Google forms

UX UI Designer

Ready to start a project?

Leave a Reply

Your email address will not be published. Required fields are marked *