curaJOY
AI-Driven Mental Health Platform
curaJOY
AI-Driven Mental Health Platform
Redesigning the MVP rewards feature, and creating a seamless and visually appealing user experience
Redesigning the MVP rewards feature, and creating a seamless and visually appealing user experience
Context
Context
curaJOY is a nonprofit tech organization that provides mental health support via gamification and AI.
The rewards system is designed to motivate users to complete structured plans, called quests, that encourage building positive behaviors and replacing negative ones.
Successful completion earns users tokens with monetary value, redeemable for gift cards. This system makes behavior tracking both engaging and rewarding, supporting users in achieving their personal growth goals.
curaJOY is a nonprofit tech organization that provides mental health support via gamification and AI.
The rewards system is designed to motivate users to complete structured plans, called quests, that encourage building positive behaviors and replacing negative ones.
Successful completion earns users tokens with monetary value, redeemable for gift cards. This system makes behavior tracking both engaging and rewarding, supporting users in achieving their personal growth goals.
Problem | Rewards Inventory & History Pages Lack Excitement & Value
Problem | Rewards Inventory & History Pages Lack Excitement & Value
The rewards inventory and the rewards history pages lack visual appeal. The display of rewards history should be different; it should be visually pleasing and gratifying for the user to see all the treasures they’ve collected.
The rewards inventory and the rewards history pages lack visual appeal. The display of rewards history should be different; it should be visually pleasing and gratifying for the user to see all the treasures they’ve collected.
Previous Design of Rewards History & Inventory
Previous Design of Rewards History & Inventory
Solution Sneak Peak
Solution Sneak Peak
Project Overview
Project Overview
Timeline
2-week Design Sprint
Timeline
2-week Design Sprint
Timeline
2-week Design Sprint
Team
Myself + 2 developers + CEO
Team
Myself + 2 developers + CEO
Team
Myself + 2 developers + CEO
Role
Lead UI Designer
Role
Lead UI Designer
Role
Lead UI Designer
Tools
Figma
Tools
Figma
Tools
Figma
Outcome
Currently in development
Outcome
Currently in development
Outcome
Currently in development
↓ Keep Scrolling to See the Design Process ↓
↓ Keep Scrolling to See the Design Process ↓
History Page - Design Solutions
History Page - Design Solutions
Leveraging Existing Structures for Rapid Design Solutions
Leveraging Existing Structures for Rapid Design Solutions
With the website's basic structure already in place and an established design system to work with, I skipped the wireframing stage. Instead, I quickly developed two design solutions after reviewing competitor designs for inspiration.
During the weekly design critique session, where feedback was gathered from fellow designers and the CEO, Design Solution 2 was chosen to ensure consistency across the design.
With the website's basic structure already in place and an established design system to work with, I skipped the wireframing stage. Instead, I quickly developed two design solutions after reviewing competitor designs for inspiration.
During the weekly design critique session, where feedback was gathered from fellow designers and the CEO, Design Solution 2 was chosen to ensure consistency across the design.
Design Solution 1 - Categorized Per Date
Design Solution 1 - Categorized Per Date
To understand how business owners use the platform, we mapped out two main user flows.
To understand how business owners use the platform, we mapped out two main user flows.
Design Solution 2 - Modular Design
Design Solution 2 - Modular Design
To understand how business owners use the platform, we mapped out two main user flows.
To understand how business owners use the platform, we mapped out two main user flows.
History Page - Design Iterations
History Page - Design Iterations
Based on the team's feedback several iterations were made.
Based on the team's feedback several iterations were made.
Iteration 1 - Removing Date-based Categorization
Iteration 1 - Removing Date-based Categorization
Iteration 2 - Changing Red Chips to Gray For a More Balanced Design
Iteration 2 - Changing Red Chips to Gray For a More Balanced Design
Iteration 3 - Highlighting Users Recent Rewards
Iteration 3 - Highlighting Users Recent Rewards
Treasure Page - Design Iterations
Treasure Page - Design Iterations
Iteration 1 - Enhancing Clarity & Motivation with Inactive Rewards
Iteration 1 - Enhancing Clarity & Motivation with Inactive Rewards
Rewards and gift cards that users couldn’t redeem were grayed out to indicate their inactive status.
This approach:
• Reduces confusion
• Helps users focus on redeemable items
• Subtly encourages users to engage more for larger rewards through visual hierarchy.
Rewards and gift cards that users couldn’t redeem were grayed out to indicate their inactive status.
This approach:
• Reduces confusion
• Helps users focus on redeemable items
• Subtly encourages users to engage more for larger rewards through visual hierarchy.
Iteration 2 - Securing Brand Approvals for Displaying Gift Cards
Iteration 2 - Securing Brand Approvals for Displaying Gift Cards
Reflection & Takeaways
Reflection & Takeaways
I learned that securing brand approvals is one of the most critical aspects of displaying gift cards in an incentive program. The process required extensive communication and multiple rounds of feedback to align with each retailer's strict guidelines, which ultimately shaped the final design.
I learned that securing brand approvals is one of the most critical aspects of displaying gift cards in an incentive program. The process required extensive communication and multiple rounds of feedback to align with each retailer's strict guidelines, which ultimately shaped the final design.
Thank You for Reading My Case Study!
Thank You for Reading My Case Study!
Want to work with me? Feel free to contact me!
Email: faranak.vn@gmail.com
LinkedIn: https://www.linkedin.com/in/faranak-vn/
Want to work with me? Feel free to contact me!
Email: faranak.vn@gmail.com
LinkedIn: https://www.linkedin.com/in/faranak-vn/