Rose Garden hero mockup
Mental wellness · Mobile app

Rose Garden

Designing a journaling and self-reflection app for UCLA students that makes emotional check-ins feel softer, more rewarding, and more intentional through the rose, bud, and thorn framework.

Role

Lead Product Designer

Design Lead

Product Thinking

Timeline

March – June 2025

Concept to final direction

Team

4 Designers

7 Developers

Cross-functional collaboration

Tools

Figma

FigJam

Illustration

Overview

Introduction

Rose Garden is a mental wellness journaling app designed for UCLA students. The experience was built around the rose, bud, and thorn reflection framework, encouraging users to log something positive from their day, something they are looking forward to, and something challenging they are navigating.

Rather than making journaling feel like another task, we wanted the experience to feel gentle, visually comforting, and rewarding. To support that, the app also included free-flow journaling, flower planting, a calendar view, and profile customization so reflection could feel more personal and growth-centered.

Problem

What We Needed to Solve

Goal

Design Direction

1) Reflect
2) Place flower
3) Grow
4) Reminisce

Motivations & Vision

Why Rose Garden

Our concept was grounded in the idea that reflection should not feel clinical or difficult to begin. We were inspired by how gratitude and structured reflection can help users process their day in a lighter, more meaningful way.

The vision for Rose Garden was to make journaling feel like a small act of care. By tying emotional check-ins to flowers, growth, and customization, the experience turns self-reflection into something students can actually look forward to.

Something good Something good
Something to look forward to Something to look forward to
What was a challenge What was a challenge

Research

User Interviews

Early interviews helped us understand what students were looking for in a journaling or mental wellness app. A recurring theme was that users wanted a tool that helped them reflect without requiring too much effort or emotional energy to get started.

What users wanted

  • A calendar to keep track of journal entries
  • Space for their emotions and thoughts to feel organized
  • A way to write without the process becoming overwhelming
  • Customization that made the app feel personal

What that meant for design

  • Guided journaling needed to be simple and emotionally low-pressure
  • The interface had to feel soft, warm, and calming
  • Users needed both structure and freedom within the same product
  • Visual reward systems could help motivate repeated use

Wireframes

Low-Fidelity Exploration

We began by mapping the overall structure of the experience through low-fidelity wireframes. At this stage, the focus was on understanding the flow between journaling, reflection, planting, and profile-based motivation rather than visual polish.

These explorations helped us figure out how guided reflection and free journaling could exist in the same product without the experience feeling cluttered.

Rose Garden low fidelity wireframes

Iterations

Key Revisions

As the product evolved, we refined the app to better balance guidance with flexibility. A major design challenge was making sure the app still felt structured enough to support reflection, while giving users room to express themselves more freely.

Rose / Bud / Thorn Input

We revised the journaling flow so users could go back to the main page and continue moving through the rose, bud, and thorn system more naturally. This made the guided reflection feel more intuitive and less rigid.

Calendar Improvements

We adjusted the calendar page to feel more visually unified with the rest of the app and made it easier for users to revisit previous journal entries without losing the calming feel of the product.

Rose Garden revisions Additional Rose Garden revisions
Solution

Final Outcome

The final product combined guided emotional reflection with more open-ended journaling and visual reward. The result was a mental wellness experience that felt more personal, softer to use, and more engaging over time.

Core Features

1. Onboarding
  • Introduced users to the purpose of the app in a calm, welcoming way
  • Guided users into the flower-planting metaphor from the beginning
  • Set up the rose, bud, and thorn framework as the core journaling system
2. Rose, Bud, Thorn Reflection
  • Allowed users to reflect on something positive, something upcoming, and something challenging
  • Turned emotional processing into a more approachable guided ritual
  • Reduced the pressure of having to start with a completely blank page
3. Free-Flow Journal
  • Created space for users who wanted to go beyond the structured prompts
  • Allowed more personal expression through doodles, added text, and images
  • Balanced the guided system with a more flexible journaling experience
4. Planting the Flower
  • Turned journaling into a growth-based reward system
  • Allowed users to choose a flower type, color, and planting location
  • Made reflection feel more visually meaningful and motivating over time
5. Profile + Settings
  • Let users unlock new flowers and customize their profile
  • Created a stronger sense of ownership within the app
  • Reinforced the idea that growth and reflection are personal
Profile and settings screen

Visual System

Old Design vs New Design

We compared the original direction with a refreshed approach and decided to lean into more vibrant colors— richer pinks, clearer greens, and warmer accents—so the app felt more alive and inviting without losing its calm, floral feel.

Old design
New design
Chosen design

Design System

The visual direction for Rose Garden was intentionally soft, floral, and comforting. We used warm pinks, muted greens, cream tones, and illustrated flower elements to make the app feel emotionally safe and inviting.

Rather than relying on a heavily clinical mental health aesthetic, we wanted the experience to feel delicate, personal, and rewarding to return to.

Design system

Illustration Work

A big part of the project’s personality came from the custom flower illustrations. These visuals helped carry the metaphor of emotional growth throughout the entire app and made the product feel distinct from more standard journaling experiences.

Rose Garden illustrations

Reflection

What This Project Taught Me

  1. Emotional products need softness in both flow and visuals. The tone of a wellness product is shaped just as much by pacing and interface feeling as by the features themselves.
  2. Guidance can reduce friction. The rose, bud, and thorn system gave users a starting point, making reflection feel easier and more approachable.
  3. Reward systems can support habit-building. Turning journaling into flower growth made the experience feel more meaningful, motivating, and personal over time.
Reflection 1
Reflection 2
Reflection 3
Reflection 4

See Other Projects

More work you can explore

A few other projects that show how I design across community engagement, decision support, and product thinking.

Mobile + Admin

United Way

Designed a volunteer discovery and admin management experience that helps nonprofits organize events more clearly.

View project →
Decision Support

Pickwise

Built a product that helps users compare choices with weighted scoring, clearer reasoning, and a more confident final decision.

View project →
Me!

Learn more about me!

Learn more about who I am and what brought me into Product Management!

About! →