Visit Habit Widget - Basic Fit App
A home screen widget helps users build a consistent gym habit by keeping their goals visible. This constant reminder reinforces motivation and supports regular visits.
Industry
B2C, Fitness
Users
4.2 million
Company size
8000+
Role
Ui/Ux Design
Interaction Design
Timeline
Jun 2024- Aug 2024
Feature Objective
Reinforce our members positive habit of going to the club on a regular basis
The idea was simple: put the gym habit on the home screen. A widget that tracks weekly visits gives members a passive but constant reminder of where they stand against their own goal. When they hit a milestone, a small visual reward appears, just enough to make the habit feel worth keeping
The Opportunity
The home screen of the app was the same for every member, no personalization, no reflection of their individual journey. Meanwhile, internal data showed that hundreds of thousands of users were already checking their visit count manually through the Progress screen. That told us the motivation was there. We just needed to bring it to the surface.
.png)
The home screen is a bit static and not personal to the member's journey.
Meanwhile a large portion of our members regularly check their visits in our progress page.
My Role
I owned the end-to-end design for this project, from defining the opportunity with the product team to delivering final assets for development. I worked closely with a Product Manager, a data analyst, and the CRM team to align on goals and validate our assumptions along the way.
.png)
Setting our goals
With the opportunity clear, we aligned with the product team on a single design challenge:
The Flow Diagram
Before jumping into design, we mapped out the full user journey, from the trigger that gets someone to set a goal, to the moment they see the widget on their home screen for the first time.
The Trigger
The trigger is coming from 2 main sources.
CRM Notification: Rather than interrupting users at random, we partnered with our CRM team to send messages at moments of high intent. Right after a visit, or when engagement data suggested a user was building momentum. The message was kept deliberately simple: one question, one action. We leaned into personalization (referencing past visit counts) and a supportive tone over a pushy one, because we wanted goal-setting to feel like something the app was doing with the user, not to them.
Progress Page Entry Point: The second trigger came from the data itself. With over 400K users already checking their visit count in the Progress screen, it was a clear signal: these people care about tracking. Adding a goal-setting entry point there wasn't a stretch, it was the obvious move. If a user is already checking how many times they've been to the gym, the next natural question is "how many times do I want to go?"
By designing two distinct triggers for two different user mindsets, the motivated newcomer and the habitual tracker, we maximized the chances of the feature reaching users at exactly the right moment.
.png)
How does the widget work?
The widget needed to communicate three things at a glance: where you are today, how you've been doing this week, and whether you've hit your goal. We kept the visual language minimal color and a simple checkmark do all the work.
-
"Today is highlighted in orange it's your target for the day."
-
"Days you've already visited are marked with a checkmark and turn mint green a small but satisfying confirmation."
-
"When you hit your weekly goal, the token animates and turns orange the moment of reward."
.jpeg)
.jpeg)
Tracking Success
