MyCare

MyCare

MyCare

Making Mental Health Accessible

Making Mental Health Accessible

Making Mental Health Accessible

Project Summary

Project Summary

Project Summary

MyCare is an existing software solution tailored for mental health care, accessible via iOS tablets. While functional, it currently features a very antiquated UI. The client sought to revamp the entire app's user interface and enhance overall usability, to subsequently expand its user base. It facilitates seamless communication among mental health care providers, patients, and emergency responders, comprising three distinct components: provider-facing, patient-facing, and responder-facing interfaces.

MyCare is an existing software solution tailored for mental health care, accessible via iOS tablets. While functional, it currently features a very antiquated UI. The client sought to revamp the entire app's user interface and enhance overall usability, to subsequently expand its user base. It facilitates seamless communication among mental health care providers, patients, and emergency responders, comprising three distinct components: provider-facing, patient-facing, and responder-facing interfaces.

I contributed to this project for our client through Codelitt, a software development agency, serving as a contractor designer.

I contributed to this project for our client through Codelitt, a software development agency, serving as a contractor designer.

My role

My role

My role

Contractor Product Designer

Contractor Product Designer

Duration

Duration

Duration

August - October 2023

August - October 2023

Tools

Tools

Tools

Figma, Asana

Responsibilities

Responsibilities

Responsibilities

UX Research & Synthesis, Ideation & Sketch, UI Design & Prototype

UX Research & Synthesis, Ideation & Sketch, UI Design & Prototype

The Challenge

The Challenge

The Challenge

Codelitt had previously partnered with our client, Taylor Summit on a proof of concept for the new UI executed by a previous designer. Upon my onboarding, I assumed the role of the sole product designer for the project. I inherited the initial design system and several pre-defined features, with the task of further iterating and expanding upon each of the three user-facing components of the application.

Codelitt had previously partnered with our client, Taylor Summit on a proof of concept for the new UI executed by a previous designer. Upon my onboarding, I assumed the role of the sole product designer for the project. I inherited the initial design system and several pre-defined features, with the task of further iterating and expanding upon each of the three user-facing components of the application.

Existing Proof of Concept

My primary objective was to initiate and finalize all new UI designs required for the MVP as requested by the client. Furthermore, I aimed to work closely with both the client and the agency's Product Manager and Developers to refine and expand the project scope, ensuring it remains aligned with their evolving vision and objectives.

My primary objective was to initiate and finalize all new UI designs required for the MVP as requested by the client. Furthermore, I aimed to work closely with both the client and the agency's Product Manager and Developers to refine and expand the project scope, ensuring it remains aligned with their evolving vision and objectives.

The Solution

The Solution

I crafted the designs for all three user-facing aspects of the application. I maintained daily meetings with the Product Manager and weekly meetings with both the client and the developers to provide updates on my progress and address any queries regarding functionality or design. As a result, I produced a comprehensive set of designs for MyCare, fully prepared for development.


Below are some design highlights for the clinician, patient, and responder-facing apps.

I crafted the designs for all three user-facing aspects of the application. I maintained daily meetings with the Product Manager and weekly meetings with both the client and the developers to provide updates on my progress and address any queries regarding functionality or design. As a result, I produced a comprehensive set of designs for MyCare, fully prepared for development.


Below are some design highlights for the clinician, patient, and responder-facing apps.

01

Discovery

01

Discovery

On-Boarding

On-Boarding

On-Boarding

To ensure a smooth transition and maintain continuity in the project, I prioritized understanding the foundation laid by the previous designer.

Engaged with the previous designer to get briefed on all prior design decisions and the current state of the application.

Analyzed existing designs to gain a thorough understanding of the challenges being addressed.

Collaborated with the Product Manager to establish shared objectives.

Formulated key questions to guide discussions during client meetings.

Defining the Users

Defining the Users

Defining the Users

I began tackling the project by understanding the primary user groups we are targeting. I discovered that there are three distinct types of users currently engaged with the MyCare app:

User Flows

User Flows

User Flows

In subsequent sessions, we collaborated with clients and stakeholders to scope out the features we wanted to include in the app, ensuring alignment with user needs and project goals.

Our outcome, which formed the foundation of my designs, consisted of three distinct sets of user flowsβ€”one tailored for each user group: patient, clinician, and responder.

01

Discovery

01

Discovery

The Design Process

The Design Process

The Design Process

Following the initial kick-off and alignment sessions, we transitioned into the design phase. While the general development operated in agile sprints, the design process ran concurrently.

In our small team of 10 members, with myself as the sole designer, I maintained daily syncs with our product manager to stay updated on my tasks and gather feedback.

While the developers worked on setting up the environment and backend functionality, I concentrated on the designs, sharing updates during weekly sync sessions with the developers to address technical constraints.

Additionally, we held biweekly meetings with clients to provide progress updates and gather feedback to further refine the designs.

Breathing New Life into a Legacy

Breathing New Life into a Legacy

Breathing New Life into a Legacy

As the new UI was built upon a severely outdated framework, numerous usability issues required attention. In addition to overhauling the app's appearance, I undertook the task of addressing these issues to create a modern, accessible, and user-friendly application. I highlighted a few examples to showcase how I transformed the original app into one with a more intuitive outlook.

As the new UI was built upon a severely outdated framework, numerous usability issues required attention. In addition to overhauling the app's appearance, I undertook the task of addressing these issues to create a modern, accessible, and user-friendly application. I highlighted a few examples to showcase how I transformed the original app into one with a more intuitive outlook.

Sitemap

Designing for Responsiveness

Designing for Responsiveness

Designing for Responsiveness

Even though this app is a native iOS iPad application, its complex functionalities can introduce ambiguities, especially in portrait mode. For each new feature and UI element, I ensured the design is optimized for both landscape and portrait orientations, delivering a fully responsive and seamless user experience.

My Final Design File

Crafting a Living Design System

Crafting a Living Design System

Crafting a Living Design System

The design library for this project was a fluid and ever-evolving entity. From the outset, I shaped the style guide as I designed, introducing new elements and refining existing ones to maintain both consistency and efficiency. When my time on the project concluded, a new designer seamlessly picked up the reins, continuing to expand upon the solid foundation I had carefully laid.

02

Design

02

Design

Crafting Solutions on the Fly

Crafting Solutions on the Fly

As a Contractor Designer on this project, I appreciated the opportunity to quickly generate solutions within a short time period. I enjoyed working alongside the team and client, brainstorming together to find the best possible outcomes for our users. Below are some feature highlights I was fortunate to create for our users:

Clinician Dashboard Landscape & Portrait

Creating a Personal Event

Check for Upcoming Appointments

Send a Message to the Care Team

Patient Document Filters

Clinician Call Queue

Patient Summary

03

Highlights

03

Highlights

Building MyCare's Future Impact

Building MyCare's Future Impact

As a Contractor Designer, I completed the design for the MVP, laying a strong foundation for the product’s future development. By collaborating closely with the team and client, I helped shape an intuitive user experience that balanced user needs with business objectives. My efforts ensured a seamless handoff, providing a clear and consistent design direction that continues to guide the team as they build upon the project.


MyCare is still actively being developed, with the team aiming to launch the product to mental health patients soon, positioning it for long-term success and impact in the healthcare space.

04

Outcomes

Building MyCare's Future Impact

As a Contractor Designer, I completed the design for the MVP, laying a strong foundation for the product’s future development. By collaborating closely with the team and client, I helped shape an intuitive user experience that balanced user needs with business objectives. My efforts ensured a seamless handoff, providing a clear and consistent design direction that continues to guide the team as they build upon the project.


MyCare is still actively being developed, with the team aiming to launch the product to mental health patients soon, positioning it for long-term success and impact in the healthcare space.

04

Outcomes

Craving More?

Craving More?

Get in Touch

Thank you for visiting my portfolio,

please reach out to zhuyunnililly@gmail.com if you have any questions or want to chat more.

Β© 2024 Yunni Zhu

Get in Touch

Thank you for visiting my portfolio,

please reach out to zhuyunnililly@gmail.com if you have any questions or want to chat more.

Β© 2024 Yunni Zhu

Get in Touch

Thank you for visiting my portfolio,

please reach out to zhuyunnililly@gmail.com if you have any questions or want to chat more.

Β© 2024 Yunni Zhu