CuraJoy

The omnichannel platform provides 24/7 access to emotional wellness and behavioral health support, utilizing generative text-based AI and machine learning to enhance its functionality

2024

Curajoy is a non-profit organization dedicated to improving emotional wellness for families worldwide. Their product value lie in merging evidence-based therapist with the latest technologies to create accessible, effective, and equitable emotional wellness support.

Curajoy is a non-profit organization dedicated to improving emotional wellness for families worldwide. Their product value lie in merging evidence-based therapist with the latest technologies to create accessible, effective, and equitable emotional wellness support.

Defining The Problem

Defining The Problem

The growing systemic problems in behavioral healthcare that harm the sustainability of this sector such as

• Workforce shortage

• Lack of culturally responsive intervention and research


Curajoy creates a clinician-supervised AI family wellness hub that fits into the gap within the current healthcare workflow. The mission is to create healthcare service equality & efficiency.


I was taking charge of building the AI prompt training functionality as a product designer, I was given the functionality requirement by our VP Caitlyn and actively collaborated on our initial concept from the beginning of the process with senior UX lead Jessica, and product managers Sharon & Shannon. Our small team met weekly via Zoom, thanks to the inspiration and support from my team, we all have our unique perspectives, but we were able to combine our ideas to shape our unique workflow that took efficiency to the next level.


🎊

Huge thanks for the trust from Curajoy teams that enabled me to sustain and drive 3 rounds of design upgrades within 3 months.

Persona

Persona

Name:
Age:
Career:
Tech Literate:
Marriage:
Location:

Danny

27
PHD
High
No Kids
New York

One of our major (B2B) user personas to oversee the AI prompt includes university students across different fields of study and even licensed psychologists and MD.


Danny is one of the psychology students who volunteer to contribute to curaJoy in his free time. He aims to thrive in the youth mental health domain within curaJoy to utilize the power of language that provides constructive support and bring this honor into his career milestone.

My Design Process

My Design Process

Start from functionality requirement from our VP and previous experienced designers.

By understanding the expectations of my VP, I developed the user flow and low-fidelity wireframe by utilizing the design system grid and elements. From this stage, the user dashboard and broadcast flow have taken shape.

User Flow

By understanding the expectations of my VP, I developed the user flow and low-fidelity wireframe by utilizing the design system grid and elements. From this stage, the user dashboard and broadcast flow have taken shape.

User Flow

By understanding the expectations of my VP, I developed the user flow and low-fidelity wireframe by utilizing the design system grid and elements. From this stage, the user dashboard and broadcast flow have taken shape.

User Flow

Low-Fidelity

Low-Fidelity

From this stage, the user dashboard and broadcast flow have taken shape.

From this stage, the user dashboard and broadcast flow have taken shape.

From this stage, the user dashboard and broadcast flow have taken shape.

Once Upon Time

An urgent call from my PMS and VP

We discussed the next step based on the concept screens I have, one of my PMs Sharon had discovered a trending dashboard design from

We discussed the next step based on the concept screens I have,my PM Sharon had discovered a trending dashboard design from

An urgent call from my PMS and VP

Intercom

Intercom

Intercom

their design philosophy is to ensure the user is being informed in every step, which utilizing the 3-column layout, which is different than the grid we have in the design system. We have different opinions on this design direction.

their design philosophy is to ensure the user is being informed in every step, which utilizing the 3-column layout, different than the grid we have in the design system. We have different opinions on this design direction.

their design philosophy is to ensure the user is being informed in every step, which utilizing the 3-column layout, different than the grid we have in the design system.

We have different opinions on this design direction.

their design philosophy is to ensure the user is being informed in every step, which utilizing the 3-column layout, different than the grid we have in the design system. We have different opinions on this design direction.

I decided to try out the three-column layout. This allowed me to explore the pros and cons of this grid style.


I didn't aim to develop this iteration into more detail toward high fidelity; instead, I wanted to satisfy my curiosity and determine if this change could be implemented site-wide.

Sharon: Adapt the same dashboard layout as "Intercom", and re-useable concept.

Caitlyn: We have our unique design system, we could've achieved the desired state with our own layout.

Me: Use Curajoy's components and grid everything original, but adapt the good mechanism and features from "Intercom".

The challenging part is to balance business objective

while align PM's expectations.

The challenging part is to balance business objective

while align PM's expectations.

The challenging part is to balance business objective

while align PM's expectations.

Sharon: Adapt the same dashboard layout as "Intercom", and re-useable concept.

Caitlyn: We have our unique design system, we could've achieved the desired state with our own layout.

Me: Use Curajoy's components and grid everything original, but adapt the good mechanism and features from "Intercom".

I decided to try out the three-column layout. This allowed me to explore the pros and cons of this grid style.


I didn't aim to develop this iteration into more detail toward high fidelity; instead, I wanted to satisfy my curiosity and determine if this change could be implemented site-wide.

I decided to try out the three-column layout. This allowed me to explore the pros and cons of this grid style.


I didn't aim to develop this iteration into more detail toward high fidelity; instead, I wanted to satisfy my curiosity and determine if this change could be implemented site-wide.

Mid-Fidelity

Mid-Fidelity

B2B User Dashboard-Broadcast workflow

B2B User Dashboard-Broadcast workflow

B2B User Dashboard-Broadcast workflow

B2C User view Chatting with Ai or agent

B2C User view Chatting with Ai or agent

B2B -Request other clinicians join to help

-Enable internal voice chat

B2B -Request other clinicians join to help

-Enable internal voice chat

Benefits of 3 columns (B2B):

-In the default state, the user dashboard for our B2B is displayed to easily track their progress.

-Provide context when voting, they can see the chat history, keyword, and new prompt all at once, this information combination will help them make better decisions.

-Provide context when writing new prompts. Users can access chat history, which allows them to better understand the context of their interactions. This comprehensive information naturally accelerates the process of finding effective solutions with the support of an AI writer. This creates a seamless experience where information complements each other.

Benefits of 3 columns (B2C) :

Benefits of 3 columns (B2C) :

B2C can view the chatting therapist's information whether is AI or human, which would help develop engaging communication, most likely they will find the subject they talking to has the same interests and hobbies, and their personality might as well just someone you more willing to explore. .

Reality: After discussing it with our VP and other designers including Billy the engineer lead, I found that implementing a layout change system-wide is difficult because our goal is to remain consistent and reduce unnecessary edge cases.


Solution:

Break the current workflow into smaller steps that can help us easily rotate to the 2-column layout, this is also beneficial compared to the 3-column layout, as less information is showing at the same time which reduces the cognitive load and allows users to focus on a single task at a time, had also reduced chance of human error.

High-Fidelity Demo

High-Fidelity

Prompt training workflow

Prompt training workflow

winner prompt selected from the ideation and organization of our volunteers

including psychology students & licensed psychologist

Request help from other volunteers

Request help from other volunteers

Choose a new participant that take charge

Processing

Request help from other volunteers

choose new participant

that take charge on this matter

Processing

choose new participant that take charge on this matter

Processing

Authorized

Authorize

Authorized

Broadcast select target audience

Broadcast select

target audience

Broadcast select target audience

The covered range is indicated at the bottom before confirming, allow go back and re-modify.

✨Enable AI writer

Provide an example script for broadcast content

based on the user's preference and interesting topic.

Other options include:

• Choose the preset script you previously cast.

• Compliment with images library.

• Extract key points from other article.

• Choose the preset script you previously cast.

• Compliment with images library.

• Extract key points from other article.

✨Enable AI writer

Provide an example script for broadcast content based on the user's preference and interesting topic.

🧘🏻Learning & Retrospective

It was my honor to contribute to CuraJoy with its mission to help shape the mental health industry, What I learned during this journey is we have to embrace new technologies and make changes and innovation, which is the key to staying productive and competitive.


Healthy relationship building is helpful to get your ideas implemented and pushed, Don't hesitate to be innovative, and don't fear rejection; being denied doesn't equate to failure or indicate that your design isn't good. As a product designer, you must shape your vision like a project manager, overseeing not only the entire project and brand guidelines but also understanding the market and its demands.

➡️Next Step

If I were to keep working on this project the next step would be to implement the mobile design of this feature by reusing the current desktop components, but I am about to wrap up my journey with CuraJoy, as a product designer familiar with dashboard building and boosting workflow efficiency by adapting text-based AI tool API. My new journey began!

CuraJoy

CuraJoy

The omnichannel platform provides 24/7 access to emotional wellness and behavioral health support, utilizing generative text-based AI and machine learning to enhance its functionality

The omnichannel platform provides 24/7 access to emotional wellness and behavioral health support, utilizing generative text-based AI and machine learning to enhance its functionality

2024

🧘🏻Learning & Retrospective

It was my honor to contribute to CuraJoy with its mission to help shape the mental health industry, What I learned during this journey is we have to embrace new technologies and make changes and innovation, which is the key to staying productive and competitive.


Healthy relationship building is helpful to get your ideas implemented and pushed, Don't hesitate to be innovative, and don't fear rejection; being denied doesn't equate to failure or indicate that your design isn't good. As a product designer, you must shape your vision like a project manager, overseeing not only the entire project and brand guidelines but also understanding the market and its demands.

Next Step➡️

If I were to keep working on this project the next step would be to implement the mobile design of this feature by reusing the current desktop components, but I am about to wrap up my journey with CuraJoy,

as a product designer familiar with dashboard building and boosting workflow efficiency by adapting text-based AI tool API. My new journey began!

➡️Next Step

If I were to keep working on this project the next step would be to implement the mobile design of this feature by reusing the current desktop components, but I am about to wrap up my journey with CuraJoy, as a product designer familiar with dashboard building and boosting workflow efficiency by adapting text-based AI tool API. My new journey began!

➡️Next Step

If I were to keep working on this project the next step would be to implement the mobile design of this feature by reusing the current desktop components, but I am about to wrap up my journey with CuraJoy, as a product designer familiar with dashboard building and boosting workflow efficiency by adapting text-based AI tool API. My new journey began!

🧘🏻Learning & Retrospective

It was my honor to contribute to CuraJoy with its mission to help shape the mental health industry, What I learned during this journey is we have to embrace new technologies and make changes and innovation, which is the key to staying productive and competitive.


Healthy relationship building is helpful to get your ideas implemented and pushed, Don't hesitate to be innovative, and don't fear rejection; being denied doesn't equate to failure or indicate that your design isn't good. As a product designer, you must shape your vision like a project manager, overseeing not only the entire project and brand guidelines but also understanding the market and its demands.

Thanks for watching this far

Thanks for watching this far

NEXT Project

Alexa's recipe reader skill (Lucy) She works as your Michelin-level cook companion

Alexa Skill development

Voice user interface, embrace the future of voice technology multimodal interaction bring the user experience to the next level.

An integrated teammate.

A Product Designer

with strong UI skills and solid UX thinking.

A Product Designer

with strong UI skills and

solid UX thinking.

A Product Designer

with strong UI skills and

solid UX thinking.

Passion for innovate new functionality and mechanic

For in-demand product ideas relevant to our current market.

Product Designer