Procrastination

product design

A shared “focus bubble” app where you and friends can co-work virtually. As your progress bar fills during focused work sessions, friends can send micro-encouragements that motivate without breaking concentration. The app flips the model of social media: instead of endless scrolling that drains time and self-worth, it promotes accountability, healthy habits, and positive reinforcement through community.

  • This was a product design project that focused on solving for prevalent societal issues.

  • The team was comprised of 2 UI/UX designers from the Pratt Institute graduate school.

  • UX Researcher, UI Designer, Product Strategist

    1. Defining the problem area, opportunity and scope

    2. Ideating solutions

    3. Designing and prototyping

    4. Testing and finalizing the product

INTRODUCING PROCRASTINATION

RESEARCH

UNDERSTANDING OUR USERS

USER SURVEYS

22 Participants

USER INTERVIEWS

7 Participants

TARGET AUDIENCE

Working Professionals, Creatives, Students

RECRUITMENT METHOD

Social media and word of mouth

METHOD OF RECORDING

Google Sheets for surveys and Zoom for user interviews

SURVEY INSIGHTS

Big Ideas, Real Impact.

These insights allowed us to understand the market opportunity and curate an interview questionnaire for a subset of users from the survey that would allow us to dig deeper into this problem area and identify the most apt solution with the following goals in mind:

01
UNDERSTAND THE TARGET USER MINDSET TOWARDS DIFFERENT WORKING METHODS

02
UNDERSTANDING THEIR KEY PREFERENCES AND PROBLEMS WHILE WORKING

03
DISCOVER ANY EXISTING METHODS/PRODUCTS THAT ARE BEING ACTIVELY USED TO OPTIMIZE WORK

INTERVIEW INSIGHTS

USER PERSONA

Based on the synthesized research insights that we gathered from the user surveys and the user interviews, we created a primary user persona that we would cater our product towards.

USER JOURNEY

Based on our targeted user persona, we mapped out what their average working session journey looks like. This is from setting their intentions on starting a work session to reflecting and planning ahead. This journey includes the actions taken by the user and their pain points, thus our opportunities.

COMPETITIVE ANALYSIS

COMPETITOR INSIGHTS

IDEATING THE PRODUCT

IDEATING THE PRODUCT

BRANDING

BRAND LOGO

The branding for Procrastination is light, playful yet bold. It attempts to be inviting for users in a way that makes working less serious and more enjoyable.

BRAND COLORS

BRAND TYPOGRAPHY

INTIAL SKETCHES

We created sketches and lo/mid-fi screen designs to envision what the key features of the app would look like. This included features like the focus bubble timer, work dashboard and personal progress.

FLOW CHARTS

01. user flow (all logic / all paths)

We visualized the path a user as they move through the app features and functionalities. This was done through a linear depiction of a specific task performed by the user, ways a user can move through a process to complete a task and screen level instances of how a user would complete a task.

02. task flow (core logic / happy path)

03. wire flow (wireframes for each step)

USER TESTING

The tests confirmed that the concept is strong and emotionally differentiated, with clear potential to become a daily companion for focused work. The next iteration should concentrate on clarifying social mechanics, sharpening navigation, and enriching progress feedback, turning ProcrastiNation from a delightful idea into a habit-forming product

FINAL DESIGNS

Ather Digital
Monkey Tilt