Back to top of page link button

Case Study

Website Design

Designed FlowStart, an AI-powered workflow that transforms unstructured ideas into structured tasks, wireframes, and actionable design outputs, streamlining early-stage product development.

UI Design
Interaction Design
Figma
Problem Solving

Role

UX/UI Designer

Duration

1-2 weeks

Tools

Figma, Figjam

Team

Solo Project

Context and Goals

Target Community

UX/UI and product designers working on large, cross-functional teams, navigating complex, end-to-end project environments.

The Problem

Designers often start with messy inputs—meeting notes, stakeholder feedback, or vague ideas. Translating that into structured tasks and then into actual design work is both time-consuming and overwhelming.

The Goals

To reduce ambiguity and help designers move from input to execution faster by:

Structuring unorganized information into clear, prioritized tasks

Guiding users through actionable next steps

Providing a visual starting point to accelerate design work

Research and Insights

Problem Analysis

To understand why designers struggle at the start of projects, I analyzed both user behavior and existing tools.

The core issue wasn’t a lack of tools, but a lack of structure—information is scattered across sources, making it difficult to prioritize and take action.

Through root cause analysis, I identified that designers are forced to manually synthesize inputs before they can begin, leading to delays, cognitive overload, and inconsistent decision-making.

Feature Prioritization

I scoped the MVP around a single core question:
How might we help designers move from ambiguity to action as quickly as possible?

Instead of building a full task management platform, I focused on reducing friction at the earliest stage of the workflow.

This led to three core capabilities:

  • Centralizing inputs into a single workspace
  • AI-assisted task prioritization
  • Guided starting points through task breakdowns and wireframes

Features like real-time collaboration and integrations were intentionally excluded to maintain focus on validating the core workflow.

User Flow

The user flow is designed to mirror how designers naturally move from ambiguity to execution.

Instead of forcing users into rigid steps, the system progressively structures information—starting with raw input, then organizing tasks, guiding execution, and optionally generating a visual starting point.

This flow ensures users can quickly gain clarity, take action, and transition into design work without leaving the workflow.

Key Design Decisions

Summary

These design decisions focus on reducing ambiguity and helping users move from unstructured input to clear, actionable steps. I prioritized maintaining context, guiding execution, and minimizing cognitive load across the workflow.

I designed AI interactions to feel assistive rather than intrusive, surfacing suggestions contextually instead of overwhelming users upfront.

Priority-based task columns

I organized tasks into High, Mid, and Low priority columns to reduce cognitive load and help users quickly focus on what matters.

Right-side contextual panel

Instead of navigating away, task details and AI suggestions appear in a side panel, keeping users in context while exploring actions.

Step-by-step plan view and wireframe generation

I introduced a guided plan to bridge the gap between abstract tasks and actionable execution. I also paired structured planning with optional wireframe generation to help users move from planning to execution without leaving the workflow.

Tradeoffs and Constraints

To maintain clarity and validate the core workflow, I made several tradeoffs:

Green check icon indicating something done
Prioritized a side panel over modals to preserve context
Green check icon indicating something done
Limited AI outputs to prevent cognitive overload
Green check icon indicating something done
Deferred collaboration and integrations to focus on core user value

These decisions ensured the product remained focused on solving the initial problem effectively.

Design System

I developed a consistent visual system to support clarity and hierarchy, including:

  • Priority-based color coding to reinforce task importance
  • A dark mode interface to reduce visual strain
  • Reusable components to maintain consistency across states

Final Designs and Solution

Summary

This project explores how AI can support designers in early-stage workflows by reducing ambiguity and accelerating execution.

Hi-Fi Wireframes

User view upon opening the FlowStart tool

AI prioritization and organization of tasks

User entering task view mode that enables right-hand panel

AI generation of step-by-step plan for designers to follow along with optional wireframe generation

Outcome

This concept demonstrates how AI can reduce friction in early-stage product workflows by helping designers move from unstructured input to execution more efficiently. The solution prioritizes clarity, speed, and usability while maintaining user control.

Final Design

Reflection and Next Steps

Summary

This project explores how AI can support designers in early-stage workflows by transforming unstructured inputs into prioritized tasks, guided execution plans, and visual starting points.

By focusing on clarity, context, and progressive guidance, the solution reduces ambiguity and helps users move from planning to execution more efficiently.

Why AI?

AI was used to reduce manual synthesis and accelerate early-stage decision-making, allowing designers to focus on higher-level problem-solving rather than organization.

Iteration

With more time, I would validate the workflow through user testing, focusing on:

  • Testing how users interpret and trust AI-generated tasks and plans
  • Improving transparency around how AI suggestions are generated
  • Exploring collaboration features for team-based workflows
  • Expanding integrations to better support real-world inputs (i.e. Slack, Google Drive)

These iterations would help ensure the product scales beyond individual use and fits into existing design workflows.