Flowdi — For the moments when you enter a flow state
Flowdi is a time reflection app that visualizes how your time flows.
Project Overview
Flowdi is a collaborative design exploration on how visual and emotional design can make time more tangible and self-aware.
Built from scratch by a three-person team with a planner, a designer, and a developer, I led the end-to-end design process, from concept ideation and UX design to branding, motion, and launch as a live prototype.
It redefines time tracking, not as a tool for productivity, but as a reflection of how we live and what we value.
The name “Flowdi”, a blend of flow and diary, captures this idea — a gentle flow of time, recorded with awareness rather than control.
Type
Team project
Duration
2024.08 – 2024.12
(5 months)
Role
Product Designer (End-to-End: Research · UX/UI · Branding · Motion)
Tool
Figma, After Effects, Photoshop, Framer
Deliverables
UX Flow, Interactive Prototype, Brand Identity, Marketing Visuals
What it is
Flowdi is a time reflection app that visualizes how your time flows.
We often spend our most valuable resource, time, without realizing how it flows.
I wondered: Where is my time going?
Just as a financial statement reveals how money is spent,
Flowdi aims to create a “time statement”, a visual record of our hours that helps us recognize unconscious priorities and regain direction.
Why it exists
Most time-tracking tools focus on efficiency, but awareness often comes last.
Flowdi was built to help people see where their time truly goes.
Visual language — Calm, minimal, and intuitively structured
When translating the analog warmth of paper diaries into digital form, I focused on keeping only what felt essential.
Like an e-book, Flowdi strips away the unnecessary — using calm colors, clean grids, and tactile gestures so that recording feels natural, not like a task.
Design Challenges
While defining the wireframes, our focus wasn’t only on visual clarity,
we questioned how each interaction would actually feel in daily use.
From navigation logic to category hierarchy, every detail was designed to make recording time intuitive and habitual.
Challenge 01 — Re-entry Fatigue
Situation
Most users avoid reopening time-tracking apps because recording feels repetitive and tiring.
Task
Make recording so effortless that it becomes a natural habit.
Action
Introduced drag-based time blocks and separated to-do lists from the time planner to minimize input steps and cognitive load.
Result
Recording now feels intuitive and lightweight — users stay engaged without fatigue.
Challenge 02 — Defining the Scope of Time
Situation
During planning, we debated whether to include sleep or other passive hours as part of a user’s daily record.
Task
Clarify Flowdi’s purpose — should it represent all time, or only intentional time?
Action
We decided to exclude sleep and passive hours,
keeping Flowdi focused on chosen, active moments — the time users can truly reflect on.
Result
Flowdi visualizes intentional time — the part of life users can shape, not just spend.
Challenge 03 — From Numbers to Awareness
Challenge 03
— From Numbers to Awareness
Situation
Most time apps summarize usage in charts or bars — users see how long, not how they lived.
Task
Help users understand patterns, not just totals.
Action
Built a Stats page that layers circular visualizations and expandable details.
Result
Users can now recognize how their priorities shift over time — data became awareness.
Reflection
Working on Flowdi has been a defining experience in my growth as a designer who can own a product end-to-end.
From research and UX strategy to interaction design, microcopy, visual systems, and prototyping, I took responsibility for every layer of the product and developed a much broader perspective on design.
Testing real builds through TestFlight revealed nuances—drag boundaries, animation pacing, graph readability—that helped refine the experience.
Questions like “When does logging feel burdensome for users?” and “How can a simple tap become a moment of meaning?” guided me beyond functionality and toward designing for emotion and clarity.
This project has strengthened both the product and my ability to think holistically, make independent decisions, and design with greater depth.