mycuraJOY App: The B2B Experience

Creating mycuraJOY app's B2B User Interface

Education

B2B

Desktop Experience

Summer 2024

curaJOY is a health-tech startup aiming to realize the unmet needs in the behavioral health space. Its browser app, mycuraJOY, is a tool utilized by professional healthcare specialists to automate behavioral and mental health data collection and translate large amount of data into meaningful insights that can inform care decisions. The product's "big-picture" concept for the B2B experience existed, but the company now needed to design the user interface and decide on the features for the MVP product.

challenge

Decide on the key features of the B2B experience for mycuraJOY and design the UI

constraints

Two weeks to complete the project and make sure designs are compatible with the already defined B2C experience

business impact

Gave company more confidence in the UX impact of designs and created feature roadmap for future iterations

team and role

Lead UX/UI Designer for a team of three designers (myself included) and one UX Researcher

responsibilities

Project planning and management, features definition, design work in Figma, usability testing

Tools

Figma, Figjam, Notion, Slack, usertesting.com

final solutions

Encouragement Feature

Send encouraging messages/videos to friends to support and motivate them towards their goal tasks.

Sending one encouragement a day is included as a daily task and viewable on home page and task page. Recipient will then be notified that an unviewed encouragement message is waiting for them that is viewable after completing a task.

Stories Feature

Users have the ability to create a video or photo record of the day's activities and message it to their friends.

Sharing daily activities around goals can help users motivate each other to take action.

Messaging Feature

Users need a way to stay connected and in communication with each other and to not feel alone in their goals.

Messaging is formatted in the text message style and forms the basis for a written log of conversation. It is also the location for any responses generated from Encouragements or Stories.

The Lost Week

starting point

I started out being provided the following:

  • MVP use case : FBAs

  • target user: case agent & agencies

  • product constraints: split up features onto 3 pages and incorporate already defined product features

  • time constraint: get the project done in 2 weeks

  • design resources: design system, previous screen design

initial challenges

  • previous designers did not leave documentation for design choices made on their drafts

  • either research wasn't done with target users before or I wasn't able to locate documentation of said research

  • Secondary research was not easily doable b/c it was subscription-based and Googling did not retrieve visual examples for reference. Not enough time or resources to subscribe as test as an actual user

initial plan

  • work with in-house expert who has experience that matches the target users

  • interview expert to understand her experience and what she needed to complete her user tasks

  • categorized features by priority using MoSCoW method

  • started creating wireframes

  • wk2: high-fidelity

  • Typically to gain better understanding, I would prioritize research to understand the problem space, but I was worried the timeframe was too tight to conduct research effectively. In the end, I planned on having

plan change

  • at end of wk 1, I touched based with the product owner and discovered that although the project was allotted 2 weeks, based on product launch dates, I had more time than that to deliver designs to developers

  • UX Researcher became available to join the team

  • asked for a project restart to create a more formal project that incorporated opportunity to gather 1st hand research through user interview

lesson learned

  • misunderstanding arose regarding a fundamental purpose of the product the owner was envisioning. My assumption: creating a product to replace the user's current practice management software that integrates curaJOY's unique data collection capabilities. Reality: creating a tool to be used in conjunction with current FBA management software

  • my mistake cost me a week but what saved me from losing another two weeks was the frequent check-ins and careful documentation. because of that,I had opportunity to correct misunderstandings in scope and product purpose

  • Lesson learned: always make list of assumptions: in case designs are built off a wrong assumption, make a list of project, deliverables, and product assumptions. Have it reviewed before starting any project work

Research

Objectives

Day 2’s purpose was to brainstorm for possible solutions quickly. While I looked towards competitors within the same industry for inspiration, I also looked at a tangential competitor from another industry. I did so to broaden my imagination and learn from concepts that abstracted away industry limitations. Ideation was done on paper to maximize speed.

crazy 8’s

lesson learned

  • misunderstanding arose regarding a fundamental purpose of the product the owner was envisioning. My assumption: creating a product to replace the user's current practice management software that integrates curaJOY's unique data collection capabilities. Reality: creating a tool to be used in conjunction with current FBA management software

  • my mistake cost me a week but what saved me from losing another two weeks was the frequent check-ins and careful documentation. because of that,I had opportunity to correct misunderstandings in scope and product purpose

  • Lesson learned: always make list of assumptions: in case designs are built off a wrong assumption, make a list of project, deliverables, and product assumptions. Have it reviewed before starting any project work

Pain Points

Users found it hard to style apartment while staying within budget

Too many product offerings made the shopping experience time-consuming and overwhelming

Users couldn't visualize decor in their actual apartment space

Users didn't know how to translate online inspirations into reality

Day 3 - Concept Design

objective

Now that I had some solution ideas, it was time to narrow down on the best ones to keep developing. I chose the best solutions that:

  • solved for the users’ pain points

  • worked within the client’s constraints

  • were technically feasible

storyboard

Since I would only have one day to develop the screens I needed for testing, creating rough sketches for a storyboard helped me prioritize and visualize the most important screens. Effectively, it acted as a low-fidelity wireframe.

Day 4 - Prototype

objective

In order to test the solution concepts with users, it was necessary to create a functioning prototype that could mock what the shopping experience would be like. Due to the tight time constraints, branding and styling of screens were of minimal concern as long as screens did not distract the users from the tasks.

solutions

  1. Augmented-Reality powered virtual room simulator

    Using photos of their real space, user would feed the information into the room generator and a virtual rendition of their apartment space would generate. Users can place decor items and move them around.

  1. Customization Quiz

Users fill out a quiz that asks about style preferences and budget. Using that information, a curated set of decor items would be recommended and placed in the room simulator. Users can add or augment the starter set of decor items.

  1. Budget Tracker

    A progress bar - styled tracker would appear on the virtual room simulation page for users to clearly see how much their decor items cost where the costs are in relation to their total budget. Adding or subtracting items would dynamically be reflected in the budget bar.

Day 5 - Test & Analyze

objective

Predicting whether a design feature will be used by users boils down to discoverability and understanding. If users saw the features and understood their purposes, they could decide to utilize it during their shopping experience.

The main questions we wanted to answer were:

  • Do users understand the virtual room simulator and are they able to see the decor items in their actual space?

  • Do users understand that the style quiz will guide customization of recommended decor items?

  • Are users able to monitor their budget and spending as they shop?

results

Highlights

100%

of users understood the virtual room tool’s purpose

95%

of users saw and understood the budget tracker’s purpose

90%

of users understood that the style quiz’s purpose

Summary & Next Steps

summary

  1. Augmented Reality-powered room simulator

    • Adds massive benefit to the user’s experience because it solves for the visualization issue

    • More technically advanced and will take more time and resources to build

  1. Customization Quiz

    • Easy to create and implement

    • Decreases overwhelm and time spent shopping by hiding irrelevant products

    • Helps users stay within budget by filtering out items that are too expensive

    • Low risk design - frequently used in many products

  1. Budget Tracker

    • Easy to create and implement

    • Helps users easily stay informed on their prospective spending before moving to checkout page

    • Low risk design - frequently used in many products

next steps

  • Implement budget tracker

  • Implement customization quiz

  • Conduct more research (cost-benefit analysis, additional ideation sprints, etc) if stakeholder buy-in is needed, or create a project to implement the AR room simulator

For full case study, please email me at jessica.peng08@gmail.com

© 2024 Jessica Peng

jessica.peng08@gmail.com