User Research
Supported interviews, persona development, and research synthesis to identify real productivity challenges.
UX/UI Case Study · Fall 2024
Designing a calmer way to manage time.
Focus Flow is a mobile productivity app created to help people organize tasks, reduce distractions, and build more intentional daily routines.
Project Overview
Built through research, teamwork, and iteration.
Focus Flow was developed by an interdisciplinary group of graduate Interaction Design students and BFA Graphic Design students. We combined user research, collaborative ideation, interface design, and usability feedback to create a focused mobile experience.
Our goal was not only to design another task app. We wanted to create a supportive tool that could fit naturally into work, school, and everyday life without adding more visual noise.
Team members
Esther · Carly · Noah · Yan · Bulli
My Contribution
From user insight to interactive prototype.
Interaction Design
Helped shape navigation, task flows, screen relationships, and the overall mobile experience.
UI Design
Contributed to visual hierarchy, consistency, icon direction, color decisions, and responsive screen layouts.
Presentation
Collaborated on storytelling, critiques, final presentation materials, and communicating the design rationale.
User Journey
Mapping the experience before designing the screens.
We used Miro to create a shared user flow that connected login, the home page, task lists, reminders, calendar views, and focus mode. This let the team work asynchronously while keeping the product direction aligned.
Empathize
Interview users and understand their scheduling habits, distractions, and daily frustrations.
Define
Identify the need for clear task organization, reminders, and a dedicated focus experience.
Ideate
Explore concepts in Miro and compare possible flows before committing to interface screens.
Prototype
Build the mobile experience in Figma and connect the most important user journeys.
Test
Use critique and feedback to improve clarity, hierarchy, navigation, and consistency.
Visual Design
A peaceful system built around focus and balance.
Purple became the main brand color because it communicates creativity, confidence, calm, and balance. Warm earth tones softened the experience and helped the interface feel more human.
The hourglass logo represents the passage of time, mindfulness, and the balance between productivity and rest. Simple line icons and clear typography reduced cognitive load across the app.
Primary#7D3C98
Accent#D6604D
DisplayGravitas One
BodyNoto Sans
Interactive Prototype
Experience Focus Flow in Figma.
Walk through the login, home screen, task management, reminders, and focus-mode experience directly in the interactive prototype.