STARTFLOW

UI/UX Design Case Study

Aug - Sep 2025

Software Design Concpet

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

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

About Startflow

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.

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

Tools Used

Product Category

Product Category

Productivity & Focus Management Tool

Productivity & Focus Management Tool

Year

Year

2025

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.

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

  1. Make starting easy: through presets and simple choices

  2. Track both time and emotion: show patterns of effort

  3. Encourage reflection: without being demanding

  1. Make starting easy: through presets and simple choices

  2. Track both time and emotion: show patterns of effort

  3. Encourage reflection: without being demanding

UX Principles

  1. Minimal upfront friction: Users shouldn’t have to “set up” productivity

  2. Emotional transparency: Let users feel seen, not judged

  3. Visual calmness: UI that encourages slowing down

  1. Minimal upfront friction: Users shouldn’t have to “set up” productivity

  2. Emotional transparency: Let users feel seen, not judged

  3. 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

Color Palette

Flow Purple

Flow Purple

#9F5DF5

#9F5DF5

Lilac Mist

Lilac Mist

#ECE8F7

#ECE8F7

Lavender Haze

Lavender Haze

#F7F5FD

#F7F5FD

Pure White

Pure White

#FFFFFF

#FFFFFF

Deep Charcoal

Deep Charcoal

#2D2D2D

#2D2D2D

Typography

Typography

Manrope

Manrope

abcdefghijklmnopqrstuvwxyz1234567890

(Primary)

Bricolage Grotesque - Aa

Bricolage Grotesque - Aa

abcdefghijklmnopqrstuvwxyz1234567890

(Secondary)

Final Screens

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.

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.

Create a free website with Framer, the website builder loved by startups, designers and agencies.