FocusFlow is a mobile application built in Framer, designed to help users build momentum, elimina...

FocusFlow is a mobile application built in Framer, designed to help users build momentum, elimina...FocusFlow is a mobile application built in Framer, designed to help users build momentum, elimina...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Isaac Dada

• 1d

FocusFlow is a mobile application built in Framer, designed to help users build momentum, eliminate digital noise, and protect their focus. The objective was to design an intuitive, frictionless ecosystem that merges habit tracking, daily task management, and deep-work timers into one cohesive platform.

Visual Strategy & Branding To ensure the interface felt modern and reduced eye strain during long working sessions, I developed a "Dark Slate" visual theme.

Color Palette: Deep, muted backgrounds paired with high-contrast neon pastel accents (purples, cyans, and greens) to guide the user’s eye toward primary actions without overwhelming the screen.

Typography: Clean, highly legible typography establishes a strict information hierarchy, ensuring data-heavy screens remain scannable.

Component Design: Soft, rounded corners across all cards and progress rings create a welcoming, tactile aesthetic.

Core Workflows Designed

The Dashboard: A high-level view of daily momentum, gamifying progress with a clear percentage tracker and immediate access to priority tasks.

Habit Engine: A visual consistency tracker that leverages bar charts and streak counts to encourage daily retention and user engagement.

Focus Timer: A distraction-free, Pomodoro-style interface dedicated entirely to single-task execution.

Profile & Settings: A personalized hub showcasing user streaks, focus time, and gamified "Level" badges to drive long-term motivation.

Platform & Execution

Built in: Framer

Disciplines: UI/UX Design, Visual Branding, Mobile App Prototyping, Interaction Design.