Princ Health

Admin Portal

Overview

Princ Health is an application that connects to affiliated hospitals of the Principle Healthcare group to provide patients with greater convenience for medical care service.

My Role

  • Lead the design for the whole project
  • Understands and improve current usage flow
  • Developed and maintained a design system
  • Interface Design

Overview

Admin Portal is a dashboard for administrators. Use for managing information and displays content on Princ Health application.

My Role

  • Collaborated closely with the PM to align with project goals.
  • Developed and maintained a comprehensive design system.
  • Designed user interfaces.
  • Conducted usability testing for upcoming versions.

Project Accomplishments

  • Addressed the cluttered user interface issues from the MVP version.
  • Shared insights with developers to ensure proper implementation of designs.
  • Enhanced usability based on direct feedback from real users.

Challenge

The team had previously developed an MVP version of the Admin Portal with limited features. However, since the MVP was built quickly, it had issues with accessibility and usability that needed to be addressed before a broader launch to affiliated hospitals. After gaining internal buy-in, the team aimed to expand the service and enhance the overall design.

Approach applied in this work

Information Architecture

User Flow

Design System

Interface Design

Usability Test

Define Problem

  • The MVP version is currently used only in the hospital headquarters, and its functionality may not cover affiliated hospitals.
  • The MVP version was built quickly, which has resulted in a lack of optimal usability.
  • The inconsistent system layout design in the MVP version makes it difficult for users to understand.

The previous user interface had significant issues with visual hierarchy, inappropriate layouts, and accessibility.

Solution

  • Collected requirements from users in affiliated hospitals.
    Designed wireframes to simulate and arrange layouts in various ways.
  • Created design flows to support users from multiple hospitals.
  • Built a design system with solid components and reusable layouts.
  • Conducted interviews and usability testing to gather real feedback from users.

The high-fidelity wireframe enables clear communication during user testing.

The final user interface design was created based on feedback from various users at our affiliated hospitals.

Designed components and usage guidelines to ensure clear communication with developers.

Conducted usability testing on the design to gather user feedback and analyzed findings to inform iterative design improvements before the MVP launch.

Privacy Preference Center