[vc_row equal_height=”yes” content_placement=”middle”][vc_column][vc_empty_space][ut_header align=”left” title_linebreak_mobile=”on” lead_linebreak_mobile=”on” font_size=”desktop_large=global&desktop_small=global&tablet=global&mobile=global” line_height=”desktop_large=global&desktop_small=global&tablet=global&mobile=global” title_letter_spacing=”desktop_large=global&desktop_small=global&tablet=global&mobile=global” title=”Web Application” title_color=”#252525″]Mia Healthcare is an integrated platform connecting dentists, patients, and dental suppliers. Patients can book appointments, manage their profiles, view treatment notes, make payments, and access a comprehensive dashboard. Dentists can handle bookings, access patient profiles, and manage invoices. Dental suppliers can sell products, view items, track shipments, and engage with the dental community through a one-stop shop.[/ut_header][/vc_column][/vc_row][vc_row][vc_column][ut_media_slider slides=”%5B%7B%22type%22%3A%22image%22%2C%22image%22%3A%222457%22%2C%22link_type%22%3A%22none%22%2C%22video%22%3A%22https%3A%2F%2Fvimeo.com%2F10089801%22%2C%22poster%22%3A%224825%22%7D%2C%7B%22type%22%3A%22image%22%2C%22image%22%3A%222455%22%2C%22link_type%22%3A%22none%22%7D%2C%7B%22type%22%3A%22image%22%2C%22image%22%3A%222460%22%2C%22link_type%22%3A%22none%22%7D%5D”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”UX Strategy & Multi-User Flow Design” font_container=”tag:h3|text_align:left|color:%23252525″ use_theme_fonts=”yes” css=”” text_transform=”uppercase”][vc_column_text]
This project required a deep understanding of varying user needs across three distinct roles: patients, dentists, and suppliers. I began by mapping out user journeys for each group, identifying key actions such as appointment booking, treatment tracking, invoice management, and supplier order flows. Wireframes were created to validate structure and functionality before moving into UI. Emphasis was placed on minimizing friction and ensuring a consistent, intuitive navigation experience for all users, whether accessing on desktop or mobile.
Key UX Focus Areas:
-
Role-based dashboards with tailored access and features
-
Appointment and treatment flow optimization for patients
-
Order management and shipment tracking flows for suppliers
-
Information hierarchy and accessibility for medical records
[/vc_column_text][vc_custom_heading text=”UI System & Responsive Design Delivery” font_container=”tag:h3|text_align:left|color:%23252525″ use_theme_fonts=”yes” css=”” text_transform=”uppercase”][vc_column_text]
For the UI, I established a clean, clinical aesthetic that still feels modern and approachable. The interface uses soft tones, structured layouts, and clear typography to enhance readability and reduce cognitive load — critical for users navigating medical and transactional content. I created a shared component library in Figma, supporting rapid iteration and consistency across all views. Mobile responsiveness and ease of interaction were key priorities, especially for patients accessing the platform on-the-go.
Key UI Deliverables:
-
Scalable design system for all user types
-
High-fidelity screen designs for dashboards, profiles, booking flows, and e-commerce functionality
-
Interactive prototypes to demonstrate end-to-end workflows
-
Developer handoff files with specifications and behavior annotations
[/vc_column_text][ut_portfolio_details style=”inline” values=”%5B%7B%22title%22%3A%22CLIENT%3A%22%2C%22description%22%3A%22Mia%20Healthcare%22%7D%2C%7B%22title%22%3A%22DATE%3A%22%2C%22description%22%3A%222024%22%2C%22is_link%22%3A%22true%22%7D%5D” title_color=”#252525″][ut_social_share_bar border=”true” share_text=”SHARE:” share_text_color=”#252525″ icon_color=”#999999″ border_color=”#efefef”][ut_media_slider slides=”%5B%7B%22type%22%3A%22image%22%2C%22image%22%3A%222459%22%2C%22link_type%22%3A%22none%22%2C%22video%22%3A%22https%3A%2F%2Fvimeo.com%2F10089801%22%2C%22poster%22%3A%224825%22%7D%2C%7B%22type%22%3A%22image%22%2C%22image%22%3A%222458%22%2C%22link_type%22%3A%22none%22%7D%2C%7B%22type%22%3A%22image%22%2C%22image%22%3A%222462%22%2C%22link_type%22%3A%22none%22%7D%5D”][/vc_column][/vc_row]