Skip to content

abbasmir12/Docs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 

Repository files navigation

Tiny Victories — Process Document

1. Project Overview

Purpose

The goal of Tiny Victories is to celebrate the overlooked micro-moments that make daily life meaningful. While many wellness apps focus on productivity or long-term habits, I wanted to design an experience centered on emotional recognition — giving users a way to acknowledge small accomplishments that often pass unnoticed.

This aligns with the Design-a-thon theme, “Moments,” by transforming short, everyday events into meaningful reflections. A “moment” here is defined not by duration but by emotional significance: the instant someone feels proud, relieved, or motivated.

Audience

The primary audience includes:

  • Students managing academic and personal responsibilities
  • Individuals seeking motivation without pressure
  • People who want a simple, uplifting habit-building tool

These users want encouragement, not complexity.

Goals

  1. Create a frictionless way to log small achievements
  2. Provide immediate positive reinforcement
  3. Build a visual sense of progress over time
  4. Encourage emotional reflection rather than productivity metrics

2. Research and Insights

User Frustrations Identified

I conducted informal interviews with a small group of students (3–5 people), asking what makes habits hard to maintain. Key insights included:

  • “I do small things but they don’t feel like they matter.”
  • “I stop journaling because it takes too long.”
  • “I need motivation, not guilt.”

Across conversations, one theme stood out: Users crave encouragement but dislike overwhelming tracking systems.

Competitive Inspiration

I examined apps like:

  • Habitica (gamified)
  • Daylio (journaling)
  • Streaks (habit tracking)

While useful, they share common drawbacks:

  • High time/attention demands
  • Detailed setup required
  • Focus on productivity, not emotional wins

This helped me refine the direction: Tiny Victories should be lightweight, fast, and emotionally rewarding.

Emotional Design Principles Applied

  • Instant positive feedback: confetti, badges, supportive copy
  • Minimal cognitive load: one-tap logging, simple forms
  • Bright, celebratory colors: neon green as the “victory” signal color
  • Consistent imagery: trophy icons reinforcing the theme of celebration

3. Initial Mockups

My earliest sketches explored how to simplify the logging action. I experimented with:

Concepts Explored

  • Floating “+” buttons
  • Swipe-to-log gestures
  • Categorized achievements vs. free text

User feedback showed that categories felt restrictive. People liked writing freely: “Sometimes my small win is super random — I don’t want to fit it in a box.”

So I simplified the design to:

  • Single input field
  • Optional notes
  • One primary button

Layout Exploration

I tested both:

  • white-based minimalist interfaces
  • dark-themed contrast-heavy UI

Ultimately, the black + neon green theme communicated energy, celebration, and identity better. It also made the confetti animation visually striking.


4. Iterations and Key Changes

Iteration 1 → 2: Reducing Visual Noise

Early versions included additional metrics like weekly charts and badges. Feedback suggested these felt too busy for an app meant to be calming and simple. I removed everything non-essential to focus on the emotional moment.

Iteration 2 → 3: Improving Feedback

The original success screen was subtle — just a checkmark. After showing it to peers, a comment stood out: “Where’s the celebration?”

This led to the full-screen confetti animation and the supportive “Fantastic Work!” message.

Iteration 3 → 4: Accessibility Adjustments

Feedback from a mentor highlighted:

  • High contrast is good
  • But certain small grey text on black backgrounds may be hard to read

I adjusted:

  • Font weights
  • Spacing
  • Card contrast

Iteration 4 → Final: Refining Emotional Tone

I rewrote microcopy to be encouraging but not cheesy:

  • “Log a Tiny Victory”
  • “Every small step counts!”
  • “Victory logged successfully”

5. Final Product

Dashboard

A simple overview of:

  • Current streak
  • Total victories
  • Today’s logged wins

The layout supports quick scanning with friendly card designs and encouraging icons.

Log a Victory Screen

The central interaction of the app:

  • One text field
  • One optional note
  • A bold call-to-action button
  • A large trophy symbol to reinforce motivation

This screen embodies the idea that capturing a moment should be effortless.

Celebration Screen

Once the user logs a win:

  • Confetti animates across the screen
  • Their logged text is displayed as a “proud message”
  • A bright green confirmation card anchors the success

This screen is meant to be the emotional highlight — a moment of pure positivity.


6. Reflection

Designing Tiny Victories taught me that small emotional details matter as much as visual details. Users don’t just want tools — they want experiences that make them feel good about themselves.

By focusing on micro-moments instead of productivity, I was able to design something that prioritizes wellbeing, self-recognition, and encouragement.

Ultimately, Tiny Victories turns fleeting moments into lasting motivation — and that’s the kind of design impact I hoped to create.


7. Citations & AI Use

  • No AI was used in generating any visuals or Figma assets.
  • ChatGPT was used only for wording assistance, script refinement, and documentation clarity.
  • All interaction flows, UI layouts, and design decisions were created manually in Figma.

Figma Link: https://width-ship-49855511.figma.site/

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published