Startflow

STARTFLOW

UI/UX Design Case Study

Aug - Sep 2025

Software Design Concept

StartFlow makes focus feel light. Simple sessions, soft reminders, and real reflection that helps you show up, even on the messy days.

About Startflow

StartFlow is a minimal, emotionally-aware productivity tool designed for people who want to build better focus habits without pressure or guilt. It helps users create structured work sessions, track distractions, and reflect on their emotional state all through a soft, encouraging interface.

Tools Used

Product Category

Productivity & Focus Management Tool

Year

2025

What was the Problem?

Most productivity tools focus on checklists, timers, and pressure-driven motivation. But for users who procrastinate, overthink, or feel anxious about work, these tools often make things worse.

There was a need for:

A tool that respects emotional states.

A system that tracks effort, not just output.
A flow-based structure that removes decision fatigue.

A tool that respects emotional states.

A system that tracks effort, not just output.
A flow-based structure that removes decision fatigue.

The Goal

Helps users start without overwhelm

Encourages intentional focus

Reflects both behavior and emotion

Feels like a supportive space, not a tracker

Design Strategy

Core Goals

Make starting easy: through presets and simple choices
Track both time and emotion: show patterns of effort
Encourage reflection: without being demanding

Make starting easy: through presets and simple choices
Track both time and emotion: show patterns of effort
Encourage reflection: without being demanding

UX Principles

Minimal upfront friction: Users shouldn’t have to “set up” productivity
Emotional transparency: Let users feel seen, not judged
Visual calmness: UI that encourages slowing down

Minimal upfront friction: Users shouldn’t have to “set up” productivity
Emotional transparency: Let users feel seen, not judged
Visual calmness: UI that encourages slowing down

Visual Language

Pastel Gradients

Create softness and reduce visual anxiety

Minimal Typography

Helps maintain focus with calm readability

Emoji Feedback

Humanizes the experience and supports emotional tracking

Rounded Layouts

Cards, buttons, and avatars use soft curves to make the interface feel safer and more approachable.

Picturing the Wireframes

Low-fidelity sketches to structure the experience before polishing the details.

Color Palette

Flow Purple

#9F5DF5

Lilac Mist

#ECE8F7

Lavender Haze

#F7F5FD

Pure White

#FFFFFF

Deep Charcoal

#2D2D2D

Typography

Manrope

abcdefghijklmnopqrstuvwxyz1234567890

(Primary)

Bricolage Grotesque - Aa

abcdefghijklmnopqrstuvwxyz1234567890

(Secondary)

Final Screens

StartFlow isn’t about maximizing output, it’s about helping users feel okay starting. It respects emotion, values effort, and rewards consistency through a soft, mindful design system.

Sometimes, all you need is a place to begin. StartFlow gives you one.

View Screens on Behance