Make it stand out.

Here’s a complete UI/UX design case study for a mobile app centered around celebrating personal wins, titled “Winboard”.

🎉 Case Study: Winboard – A Daily Wins Tracker App

Project Type: Mobile App
Role: UX/UI Designer
Tools Used: Figma, FigJam, Notion, Adobe Illustrator
Duration: 3 Weeks
Team: Solo project

💡 Problem

In the fast-paced world of productivity and self-improvement, many people overlook their small victories—whether it's finishing a book, cooking a healthy meal, or handling a tough conversation. These moments go unnoticed, leaving users feeling like they’re never doing “enough.”

How might we create a space where people can reflect on and celebrate their daily wins—big or small—to build a habit of self-recognition and positivity?

🎯 Goals

• Provide a lightweight, joyful way for users to log their personal wins

• Reinforce positive psychology and habit-building through design

• Encourage reflection and long-term tracking of growth

• Enable social sharing and community cheer without becoming a typical “feed” app

🔍 Research

1. User Interviews (5 people)

• Ages 22–40

• Common frustrations: “I always focus on what I didn’t get done.”

• Desired features: “A place that feels like a journal but also fun,” “Visual wins,” “Easy to use when I’m tired.”

2. Competitive Analysis

• Compared apps: Daylio, Reflectly, Journey, Notion

• Gaps:

  • Most journal apps are text-heavy

  • Mood trackers don’t emphasize wins

  • Gratitude apps aren’t personalized or celebratory

🧠 UX Strategy

User Personas

Name: Maya, 28
Occupation: Product Manager
Pain Points: Burnout, feeling like she’s not progressing
Motivation: Wants to stay positive and track personal growth

User Journey

pgsql

CopyEdit

1. Open app → 2. Tap “Log a Win” → 3. Write or voice-record win → 4. Choose emoji or tag → 5. Win appears on timeline → 6. Celebrate 🎉

🧩 Core Features

1. Win Entry Flow

   • Simple input: text, emoji, photo, or voice

   • Tags: #wellness, #career, #social, etc.

   • Optional reflection prompt

2. Celebration Microinteractions

   • Confetti animation 🎊

   • Audio chime or haptic feedback

3. Winboard Timeline

   • Chronological scroll of wins

   • Visuals: emojis, stickers, pastel colors

4. Monthly “Win Wrap”

   • Auto-generated story recap

   • Exportable as image or video

5. Community Cheer (Optional)

   • Users can “cheer” for close friends

   • Not a full social network—no likes, no comments

✏️ Wireframes

• Home Screen: “Today’s Win?” button at center, with a soft gradient background

• Log Win Screen: Text input, emoji picker, photo upload, and tags

• Timeline Screen: Grid of win cards (Instagram-story style but private)

• Wrap Screen: Carousel of monthly achievements, with a share button

(Images or low-fidelity wireframes would be included in a full visual version)

🎨 Visual Design

• Color Palette: Warm, uplifting tones – coral, lavender, sunshine yellow

• Typography: Rounded sans-serif (e.g., Nunito) for friendliness

• Illustrations: Minimal stickers and badge icons

• Animations: Confetti drop, gentle sparkle effects after logging a win

✅ Outcomes

• In Usability Testing (6 users):

  • “It made me smile instantly when I saw the confetti.”

  • “I didn’t know I had this many wins until I logged them.”

• Average time to log a win: 15 seconds

• Desire to use it daily: 5/6 users said yes

📈 Next Steps

• Build MVP in Swift/Flutter

• A/B test different celebration animations

• Explore calendar integration to show “win streaks”

• Collaborate with therapists to offer prompts for deeper reflection

💬 Final Thoughts

Winboard is more than just a tracker—it's a mindset shift. By surfacing everyday victories, users are reminded of their progress and empowered to keep going. The joy is in the journey, and every win counts.

“Not every win needs applause from the world. Some are just for you.”