Clap

Clap

B2C

User Research

Complex System

Transforming Creative Briefs into Actionable Plans for Design Students

Clap is a B2C platform that streamlines project management for design students. By converting complex briefs into actionable plans, organizing tasks, and providing a dedicated space for ideation, Clap simplifies the entire design process. This integrated tool enables students to stay organized, meet deadlines, and manage complex projects more efficiently.

Clap is a B2C platform that streamlines project management for design students. By converting complex briefs into actionable plans, organizing tasks, and providing a dedicated space for ideation, Clap simplifies the entire design process. This integrated tool enables students to stay organized, meet deadlines, and manage complex projects more efficiently.

Duration
2 Months

Duration
2 Months

Year
2024

Year
2024

Role
Solo UX Designer

Role
Solo UX Designer

Client
Personal Project

Client
Personal Project

Challenge

Problem

Design students often juggle multiple projects, deadlines, and classes at the same time. When a new brief arrives, they try to manage it across several tools- notes, calendars, task apps, and whiteboards - and the workflow becomes fragmented. That fragmentation leads to missed deadlines, stress, and a messy process that can hurt confidence and academic performance.

Goal

Design a one-stop workspace that helps design students succeed by turning briefs into clear, actionable steps - and keeping planning, tasks, and ideation in one consistent system.

User research

User research

Students feel overwhelmed trying to make sense of briefs

Students feel overwhelmed trying to make sense of briefs

Students feel
overwhelmed trying
to make sense of briefs

To understand what breaks down (and when), I ran 8 interviews and 4 observation sessions with students at different seniority levels.

Key findings

To understand what breaks down (and when), I ran 8 interviews and 4 observation sessions with students at different seniority levels.

Key findings

To understand what breaks down (and when), I ran 8 interviews and 4 observation sessions with students at different seniority levels.

Key findings

To understand what breaks down (and when), I ran 8 interviews and 4 observation sessions with students at different seniority levels.

Key findings

To understand what breaks down (and when), I ran 8 interviews and 4 observation sessions with students at different seniority levels.

Key findings

Limited Time and Attention

Students are stretched thin. Anything that requires setup, learning new logic, or heavy configuration gets dropped fast. They need something that’s immediately understandable and reduces cognitive load.

Difficulty in Planning

Unfamiliarity with design methodologies and estimating task durations makes forward planning challenging, even for those with strong time management skills.

Analysis Paralysis

Design briefs often feel open-ended. Students overthink their approach, spend too long exploring options, and delay committing to a direction — which slows momentum and increases anxiety.

Competitive Analysis

Competitive Analysis

Leveraging Familiar Design Patterns to Lower the Learning Curve

Leveraging Familiar Design Patterns to Lower the Learning Curve

Leveraging Familiar Design Patterns to Lower the
Learning Curve

I looked at two categories of tools students already use, each solves part of the problem, but neither covers the full workflow cleanly.

Project management tools

Students use these platforms to manage tasks and schedules, benefiting from dashboards and various views. However, their extensive features create a steep learning curve, making them time-consuming to set 

up and often not tailored to the specific needs of 

design projects.

Ideation tools

These applications excel in documentation and brainstorming, offering simple, user-friendly interfaces that reduce cognitive load. However, without careful organization, their whiteboards can become cluttered and overwhelming, hindering productivity.

Takeaway: Clap needed PM-level clarity, but with the approachability of a whiteboard.

Brief Study

Brief Study

The 3 Architypes

The 3 Architypes

Before designing the breakdown flow, I reviewed dozens of academic briefs to understand what “brief structure” really looks like in school. I grouped them into three archetypes — and chose to focus this project on structured briefs first.

Structured

Typically in earlier years: a highly detailed week-by-week plan with methods, deliverables, and presentation guidelines.

Semi - Structured

Often later years: less instructional detail, more emphasis on scope and timeframe expectations.

Freestyle

Most common for senior / independent work: abstract briefs where students define their own goals, process, and outputs.

Design Approach

Design Approach

From research insights to design guidelines

From research insights to design guidelines

Lower cognitive load through consistency
Lower cognitive load through consistency

If the layout and system logic stay stable across the experience,
students spend less energy “figuring out the tool” - and more energy
finishing the work.

SMART goal-oriented process

The workflow should nudge students toward specific, measurable steps with clear milestones - so progress feels concrete instead of vague.

Keep it all in one place

Instead of bouncing between multiple apps, Clap should combine planning, tasks, and ideation in one workspace - reducing friction and context switching.

New project wizard flow

The wizard is the entry point of the product: it takes a brief and turns it into a structured project — stages, steps, tasks, and a timeline.

New project wizard flow

Iterative wireframes

Iterative wireframes

Iterative
wireframes

Strengthening AI reliability with interactive data verification

Strengthening AI reliability with interactive data verification

In Clap's initial wizard design concept, machine learning algorithms were used to auto-fill brief details. However, user feedback revealed concerns about data reliability and a lack of transparency in how the AI processed their briefs.

To address this, I added a collapsible third column displaying the original brief next to the extracted content. Each field has an eye icon that highlights the corresponding text when hovered over, improving transparency and helping users confidently learn to extract action items for future projects.

Before / no validation mechanism

After / 3rd column is added to the layout containing the brief. Clikcing on the marker icon highlights data pulled from the brief

Mid-fi wireframes

Mid-fi wireframes

Solution

Solution

Overview Tab

A quick “what matters now” view for students who have limited time and energy. It surfaces active tasks, deadlines, and alerts in context, so users don’t waste attention deciding where to start - they can pick the next action and move.

Wizard step 1/4

Wizard
step 1/4

This step turns a long brief into a set of essential project facts (requirements, deliverables, constraints). I prototyped an auto-fill concept here - and designed it to be verifiable, so students don’t have to “trust the system” blindly. The brief panel + “show source” highlight lets them confirm details fast and keep momentum.

Wizard step 2/4

Wizard
step 2/4

Here I turn the brief into a workspace skeleton. Unlike open-ended whiteboards, Clap generates pages and frames from the plan, so the canvas starts structured by default and stays navigable later. Keeping the workspace structured and preventing the “endless whiteboard” problem.

Wizard step 3/4

Wizard
step 3/4

At this point, the brief has already been translated into structured fields - so I remove the side brief panel and shift the layout to full-width. That UX choice is intentional: it reduces distraction and frees space for what matters now—turning stages into a timeline, adjusting durations, and fitting the plan into real deadlines and schedules.

Wizard step 4/4

Wizard
step 4/4

The final step is a review screen: a last chance to confirm inputs before creating the project. This is a simple but important moment for confidence - users know what they’re committing to before the system generates the workspace.

Project’s
Dashboard

A simple, stable control center for multiple projects, designed for students who get overwhelmed by too many views. It’s intentionally “just enough”: quick status, control, and clarity, without turning into another complex tool they need to learn.

The Canvas

A whiteboard that stays creative - but doesn’t become a dumping ground. The difference from FigJam/Miro is the starting point: the canvas is anchored to the brief-derived structure, so ideation happens inside a plan instead of replacing it. This directly targets analysis paralysis: it gives freedom, but removes the “blank infinity” problem.

Resources Panels

Built into the workspace to reduce tab-hopping. Students can pull help right where they’re working, without breaking momentum.

Templates & Apps

Resources

Not a generic gallery. Templates give
stage-ready starting points; Apps guide a method into a concrete output - so students can progress without designing the process from scratch.

A curated library students can trust - research showed curation increases confidence in the material and makes them more likely to actually use it. Search, tags, and filters help them find what’s relevant to the stage they’re in, fast.

Resources Panels

Clap provides a curated set of tools to enhance the design process.

The Resources panel offers a curated collection of educational content, including articles, podcasts, and videos. Users can search, filter, and tag content to quickly find relevant materials that support their design process.

The Resources panel offers a curated collection of educational content, including articles, podcasts, and videos. Users can search, filter, and tag content to quickly find relevant materials that support their design process.

Clap provides interactive Apps that automate design methods, such as mood boards or other streamlined processes. Templates offer static guidelines, either uploaded by users or provided by the app, to serve as structured starting points.

Templates & Apps

Resources

The Resources panel offers a curated collection of educational content, including articles, podcasts, and videos. Users can search, filter, and tag content to quickly find relevant materials that support their design process.

What I’ve Learned

What I’ve Learned

Focus on Essential Features with Scalability in Mind

Focus on Essential Features with Scalability in Mind

This project has been a valuable learning experience. Working on a complex system taught me to think critically about how each component impacts the overall design, focusing on scalable solutions that maintain clarity as the system evolves.

I also learned the importance of balancing user needs with practical constraints. While research is vital, prioritization is key to ensuring the most impactful features are implemented.

Next Project
BUNKR

Next Project
BUNKR

Next Project
BUNKR

Using AR to Help Daters Break the Screen and Meet IRL

Using AR to Help Daters
Break the Screen and Meet IRL

Using AR to Help Daters Break the Screen and Meet IRL

Using AR to Help Daters Break the Screen and Meet IRL

Using AR to Help Daters
Break the Screen and Meet IRL

B2C

User research

Field experiments

Mobile app

Menu

Work

Menu

Work