
UX - Interaction Design, Visual Design, User Flows, Rapid Prototyping
- Design System
- User Flows
- High Fidelity Designs
- Product Managers
- Developers (Web and Mobile)
- Clinical Advisors
2023
Project Introduction

Understanding Requirement
Gather requirements from stakeholders to understand the objectives, user needs, and desired features of the dashboard.
Wireframing
A wireframe is a low-fidelity visual blueprint of a product's layout and structure. It shows content placement, navigation, and user flow without visual styling. Wireframes help teams validate ideas early and align before detailed design.
Visual Design
Visual design focuses on the look and feel of the interface, including colors, typography, icons, and spacing. It enhances usability and brand identity while making the product visually engaging.
Prototyping
Prototyping is the process of creating interactive models to simulate user interactions and flows. It helps test ideas early, gather feedback, and refine the user experience before development.

Clarity and Efficiency Flow


Precision Design with Grid

Visual Design & Wireframing
BrandingGuide
Brand Priority KeywordsKeywords or phrases used to describe the characteristics and personality attributes of a brand.
These are the words that the brand wants to be associated with its image and identity.



Typography
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
Colors



Design System

UI Screens



