<?xml version="1.0" encoding="utf-8"?>

Creating a Design system for a management system for a healthcare app.

  1. Starting from understanding main functions for every user type by listing "user activities" and "tasks" for every user persona.
  2. Then working on "Wireframes" to set up main pages and main components.
  3. Setting up the Design system components.
  4. Working on the UI Design.
  5. Confirming all functions and UX concerns by Usability Testing conducted with internal team who will use the product.

Ithnain Management System 1

Ithnain Management System 2

Ithnain Management System 3

Ithnain Management System 4

Ithnain Management System 5

Tools used

Figma
FigJam
Miro

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

8 reviews


Look at those Figma noodles! It just solidifies how much work you put into it. I just want to clarify that if I understand it correctly, the dark blue subscription dashboard is the before and the lavender-ish one is the after, is that correct?

I can only assume that for those who work directly in healthcare, lavender-ish is probably more soothing and calming than corporate blue, as if they don’t work hard enough already 🥲

Yes, That's true Seth. The dark blue is a wireframe and the lavender-ish one is the final UI based on the business agreements. And exactly it's calming and soothing and not too professional. The user app is already in dark blue as it indicates professionalism and trust but we decided to go with that lavender color for the internal management system.

Radwa Shams designed a full design system for a healthcare management app. The process began with mapping user activities and tasks for each persona, followed by wireframes to establish key pages and components.

A complete set of design system components was created, then applied in the final UI design. Usability testing with the internal team confirmed functionality and addressed UX concerns, ensuring the product is both effective and user friendly.


Great process and clear documentation, Radwa — overall you’ve done an excellent job building a thoughtful, user-centered foundation.


Amazing work! And great efforts.

I love the user-centred process of your creating the design system. And your report on the process is crystal clear with illustrations.


This is helpful to me! Thanks


Your project shows a solid approach to designing a management system, with a clear focus on usability, efficiency, and structured navigation. The dashboard feels practical and professional, making it easier for users to find insights and manage operations without confusion. To make it stronger,

I’d recommend adding more personalization (custom views or AI summaries), ensuring charts and tables are fully accessible, and demonstrating how the design adapts on mobile. Highlighting performance metrics or security features would also add credibility. Overall, it’s a strong and relevant showcase for enterprise UX work.


Looks great!

You could've add native annotations, descriptions and add dev resources to each component for better documentation and to direct accessibility features which will be highly priorities for a med tech company. And have a way to create all of this as design tokens and how to deal with the handover process.

Keep up the great work!


Kudos for the effort and an interesting study! design system management is something i always find fascinating and how different it gets based on the field you create for. good job!


42 Claps
Average 4.7 by 9 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>