TakeFive

Helping people build a healthy microbreaking habit

browser window and mobile phone showing v5 webpage
2025
browser window and mobile phone showing v5 webpage
2025
browser window and mobile phone showing v5 webpage
2025

Responsibilities

Product Design, Prompt-Driven Development

Timeline

2 Months

Platform

iOS

Why TakeFive?

There’s no shortage of productivity apps out there — Forest, Session, Focus Keeper, and countless others — all designed to solve distraction.

But the opposite problem also exists — many people find it difficult to take breaks. Despite knowing the benefits of regular breaks, users often ignore reminders or dismiss timers, continuing to push through mental fatigue and strain. Existing apps aren’t built with these users in mind.

TakeFive fills that gap. It’s designed to help people build a healthy habit of taking regular microbreaks — brief 1-5 minute pauses that restore focus. It uses gentle reminders, simple habit tracking, and thoughtful gamification that rewards adequate rest.

Purpose & problem space

I wanted to challenge myself to improve my product design skills, so I decided to build a mobile app prototype using Figma Make.

I brainstormed ideas for apps and searched for existing user problems. I settled on designing a microbreak tracking and reminders app.

How might we

How might we

Make taking and logging microbreaks feel effortless and natural for users?

How might we

How might we

Gently remind people to take microbreaks, without interrupting deep work?

How might we

How might we

Help people create a habit of taking regular microbreaks?

This project lasted 2 months from start to finish. I submitted my second iteration of the app to the Figma Make-a-Thon — I sadly am not $50,000 richer.

My roles

I led the project on my own, managing product design, research, prototyping, branding, illustration, and MVP development using Figma’s vibe coding tool, Make.

Challenge #1

Communicating the idea

TakeFive’s onboarding helps users get started by gathering essential setup details and explaining the app’s benefits. I focused on making TakeFive’s purpose immediately clear to users and ensuring that entering key information felt easy and intuitive.

Iteration 1

The first version of onboarding worked okay functionally, however did not clearly communicate the app's benefits.

Iteration 1

The first version of onboarding worked okay functionally, however did not clearly communicate the app's benefits.

Iteration 1

The first version of onboarding worked okay functionally, however did not clearly communicate the app's benefits.

Iteration 3

I added a series of 'How does it work?' screens to highlight the app’s benefits, alongside a number of visual design refinements.

Iteration 3

I added a series of 'How does it work?' screens to highlight the app’s benefits, alongside a number of visual design refinements.

Iteration 3

I added a series of 'How does it work?' screens to highlight the app’s benefits, alongside a number of visual design refinements.

Challenge #2

Alerting, not diverting

Author of Deep Work, Calvin Newport suggests that distraction or diversion from tasks can decrease productivity by 50%. In order to avoid drops in productivity, TakeFive allows users to block hours with no interruptions.

Do Not Disturb

Block out deep work and meetings.

In-app reminders

In-app reminders

Users will receive in-app microbreak reminders inside a bottom sheet modal.

Push notifications

Push notifications

TakeFive notifications are always gentle, and phrased as suggestions rather than instructions.

Challenge #3

Making it stick

To help form the habit of microbreaking, TakeFive allows users to track their microbreak activities and frequency. I introduced variable rewards that tie the intended behaviour to tangible in-app achievements, reinforcing the habit and increasing its stickiness.

Iteration 1

Initially there was no immediate feedback that a microbreak was taken successfully, and there wasn't much incentive for users to take microbreaks.

Iteration 1

Initially there was no immediate feedback that a microbreak was taken successfully, and there wasn't much incentive for users to take microbreaks.

Iteration 1

Initially there was no immediate feedback that a microbreak was taken successfully, and there wasn't much incentive for users to take microbreaks.

Iteration 3

I added a success state to signal to the user they successfully took a microbreak. I also added achievements to encourage the intended behaviour.

Iteration 3

I added a success state to signal to the user they successfully took a microbreak. I also added achievements to encourage the intended behaviour.

Iteration 3

I added a success state to signal to the user they successfully took a microbreak. I also added achievements to encourage the intended behaviour.

Insights screen

Insights screen

Microbreak analytics for users to dig into.

Pause design system

I created a design system to reduce decision fatigue and ensure visual consistency as I added new features and screens.

Try it for yourself!

Below is iteration 3 of the TakeFive prototype. You can receive reminders, log microbreaks, collect achievements, and start streaks! The only thing you can't do yet is receive push notifications.

Learnings

Several key learnings became clear after reflecting on the project.

Round pegs for round holes

I realised that features that work for other apps often needed adapting for the TakeFive use case. For example, traditional streaks would penalise users for taking time off — ironic for an app encouraging better break habits. I reworked them into workday streaks, counting only on days of work/study, encouraging the intended behaviour, not punishing it.

Smarter prompting

Whilst at times Figma Make felt like magic, other times it was frustrating and time consuming. Code generation is fast but the output is only as good as the prompt. I learned through practise that clear and precise prompting was the key to good output from the AI, and the best way to avoid unnecessary (and very soon costly) back and fourth.

Future roadmap

If I had more resource I would look at four projects to improve TakeFive.

Add your calendar

Adding a calendar would remove the need for users to set Do Not Disturb hours, eliminating a repetitive task.

Intentional animation

For example, Joulez could dynamically get more drained the longer time goes on without a microbreak — encouraging users to break more.

Enhanced achievements

Great illustrations from artists in the wellness space would make collecting achievement badges more fun and engaging.

Database integration

Reminders could be scheduled and sent from a server, removing the need for users to press the Start Work button.

I could schedule reminders and send them from a server, removing the need for users to press the Start Work button.