top of page
About the Project
The project involved creating a habit-forming app inspired by Nir Eyal's book, "Hooked: How to Build Habit-Forming Products."
The app is strategically designed with triggers, actions, variable rewards, and user investment, ensuring its integration into users' daily routines.
Role
Duration
Product Designer
5 Weeks
Tools
Figma, Adobe Creative Suite, Miro, Google forms
Product Design | UX Research | Wireframing | UI Design | Advertising | Pretotyping | Usability Testing
How might we
habituate students to write and keep track of their intentions daily?
Roadmap
Ideation
and UX Research
Storyboarding
Kano Cards
Moscow Method
User flow
Pretotyping
experiment
Risky assumptions Matrix
Validating mechanisms
Findings Analysis
UI Design
Wireframe Sketch
Digital wireframing
Moodboard
UI Style guide
User testing
Digital Prototyping
User testing
Findings Analysis
Product idea
B4 Intention Tracker
Set, track, and complete intentions on time competing with your friends to receive exciting rewards.
Own your day with
How B4 works
Create your B4 account
Personalise the app based on your current activity and perceived goals
Get rewards
Stay on track with your intentions and unlock discounts and vouchers from your favorite brands!
Set Intentions
Start the day by jotting down your intentions and their deadlines on the app
Compete with your friends
Build virtual towers in the inbuilt game, smash and compete with friends to reach awarding heights
Get timely reminders
Get focused with timely reminders of upcoming deadlines when distracted.
Get productive!
Set goals everyday, and stay consistent to achieve success
Product Ideation Storyboard
Mobile app UI Design
Notifications
B4 delivers timely notifications to prompt users to set and complete intentions on time, fostering focus when distracted on other apps like social media.
Onboarding
The user is educated on how the app works upon installation.
Personalise app
The app's user experience is personalized by adapting to individual behavior and preferences through easy-tap questions, enhancing relatability and desirability.
Create account
Users can log in or sign up for a new account after onboarding to reduce the bounce rate.
Add Intention
Users easily add intentions, specify duration, and deadline, sync with friends, and assign importance.
They can also quick add from history of prior set intentions.
Home | Check off Intention
Arranged by deadline, users can check off, edit, or snooze due intentions on the homepage.
It includes a button to add intentions and features a virtual tower built upon completing intentions.
Building the Tower
Completing intentions on or before the deadline adds a block to the time-responsive tower. A slight delay may shift the block, creating an unstable tower. If completed late, the block misses the tower and falls off.
Building taller towers is achieved by consistently adding and completing intentions on time.
Variable Reward
Blocks in the tower can sometimes be a crystal with a discount coupon or a Bomb for the in-app game, serving as a variable reward.
Reward coupons
Rewarded coupons can be accessed via the primary navigation and redeemed using a code or barcode scanner.
Streaks
Users receive motivating notifications for maintaining a streak of completing intentions on time, fostering consistency.
Compare and compete
Users can connect with friends by adding them from their contact list, comparing towers, and engaging in friendly competition for rewarding crystals.
They can also send an invite to their contacts to the app, growing the app's user base
They can use the Bombs collected to smash towers
Smash pass
The Bombs collected can be used to disrupt a friend's unstable tower, adding a gamified dimension to the race for greater heights.
History
Users can quickly review and repeat past intentions with an expandable calendar view for efficient planning.
Style Guide
Primary Colors
#800083
#EB037E
#340492
#2D2D2D
Gradients
Logo
Indicators
#FF3E3E
#2DCE5E
Buttons
Elements
Display Font
Numerics
Gilroy
Light
Sofia Sans Condensed
1234567890
Regular
Medium
Semibold
Bold
Product Design Process
Kano Cards
The potential app features are organized into numbered cards with titles and explanations. The features are tagged as basic, performance-based, or delighters, providing a structured overview of their significance.
Moscow Method
Features are categorized based on requirements, importance, and feasibility to deliver a minimum viable product.
This allows informed decisions on what can be considered now and deferred for later iterations.
User flow
The app's information architecture encompasses all potential user paths, with features tagged with their respective numbers for easy reference.
.png)
Wireframes
Hand drawn sketches
Wireflow
Digital wireframes linked according to user flow
Design Iterations
Analysis
The test results were analyzed for success metrics and overall experience feedbacks
Findings
Users are skeptical about the tracking which is leading to privacy issues.
User's can't understand what's the purpose of low to high.
Users are unaware if these buttons are multi-select or a single-select button.
While users could set the deadline while adding an intention, they couldn't set a reminder for the same intention.
The snooze button could be more explicit.
Users couldn't understand if the blocks are tappable or not. Need clear directions to tap the blocks.
They didn't understand what changes will be made in the phone/app with the change in this slider
Pretotyping
As guided by Alberto Savoia's "The Right It," the product idea's viability was tested by gauging user interest and validating core assumptions, preventing potential flaws before committing substantial resources.
Riskiest Assumptions
Validating strategy
Users will want to use the app to make and keep track of their intentions
Assumption
3% users find the app to be useful taps on the button to download the app with skin in the game.
XYZ Statement
Video + Fake front door
Explain how the app works with a video placed on a fake landing page website where they can sign up with their email or contact number to download. I will also promote the landing page on Instagram targeting young users.
Pretotype
Users want to be reminded about setting intentions every morning
At least 2 out of 4 users will set their intentions for the day every morning for two weeks.
Mechanical turk
I will recruit and engage with participants who have signed up with text to know their morning wake-up time. Subsequently, each morning, I will dispatch a form to share their daily intentions, their deadline and duration within an hour of waking up.
Timely reminders about an incoming intention deadline help users to complete them as planned
At least 3 out of 4 users find the timely reminders useful to complete intentions due on or before the set deadline.
Mechanical turk
I will send task-specific text reminders to recruited users via text, considering the remaining time until the given task's deadline. I will inquire whether if they successfully completed the prompted intentions in the form I send every morning to set the intentions.
Pretotyping study plan
.png)
An Instagram account was created posing as an official account of B4 with posts and a Reel explaining how the app works and can help users.
The Reel was shared on a story in my personal account for multiple days. The Reel was advertised on META for two days worth 10$.
It had a CTA to sign up to download the app which led to the website targeted towards teens aged 18-24 with tags related to the app's use.
The CTA on the ad led to a Responsive landing page website designed and launched via Wix posing as the official website of the app explaining how it works.
The CTA named "Download app" on the website led to a signup form for the Beta version of the app.
This signup form collected phone number and wake-up time making them participants of the Mechanical Turk prototyping experiment.
The Fake Front Door
Instagram Analytics
Analysis was based on insights recorded from Instagram ads and stories.
Ad Insight
1357
Views
204
Replays
01
Save
01
Share
01
Profile visit
12
Website Visits
.88%
Conversion
Story Insights
152
Day 1 view
10
Website Visits
206
Day 2 view
22
Profile Visits
10.68%
Conversion
Website Analytics
Website traffic was recorded and analysed from Wix.
62
Sessions
90.3%
Bounce Rate
43
Unique visitors
14m 29s
Avg. session duration
Devices
82%
Mobile
18%
Desktop
Location of visitors
58
United States
04
India
Traffic Source
17
06
Direct link
31
Skin in the Game
1563
Out of
Breakdown
people who viewed the ad,
206
Instagram Story view
META Ad view
1357
0.45%
07
people gave their phone number and wake up time accounting towards a
Skin in the Game.
Mechanical Turk
Collect Daily Intention
Study participants received Notifications to log intentions with their respective deadlines and durations on a Google Form at their personalized wake-up times.
Collect previous Intention
These forms were customized every day to adapt each participant's previous intentions with a prompt to report completion status with adherence to deadlines.
Findings
2/4
have set their intentions for the day every morning for two weeks.
Completed before deadline
Completed late
3/4
found the timely reminders useful to complete intentions due prior deadline.
Assumption Validation
Users will want to use the app to make and keep track of their intentions
Assumption
3% users find the app to be useful taps on the button to download the app with skin in the game.
XYZ Statement
Result
0.45%
users found the app to be useful taps on the button to download the app with skin in the game.
Users want to be reminded about setting intentions every morning
At least 2 out of 4 users will set their intentions for the day every morning for two weeks.
2/4
have set their intentions for the day every morning for two weeks.
Timely reminders about an incoming intention deadline help users to complete them as planned
At least 3 out of 4 users find the timely reminders useful to complete intentions due on or before the set deadline.
2/4
found the timely reminders useful to complete intentions due on or before the set deadline.
Experience Feedback
4/4
Participants found communication of the app to be clear and concise during the study
Suggestions recieved
-
I would want nudges in between the day to add some intentions if I had any
-
Would like a reminder more closer to deadline prior.
-
Wanted to be notified in the end of an intention deadline.
-
Early morning intention prompts can be sent later, an hour after waking or the night before allowing for clearer planning.
-
Option to snooze reminder
-
Expecting some voice assistant instead of writing down manually
-
Wants a performance graph to personally keep motivating themselves
-
Wanted to add custom reminders.
Learnings
To improve Pretotyping experiment
-
Implement the experiment to signup within a class of students, fostering friendly competition and incorporating rewards of hunt for achievements to gain skin in the game.
-
Allow users to submit a voice note at any time, specifying their intention, deadline, and a reminder.
To improve app
-
Utilize machine learning to determine the user's optimal working hours, sending notifications to plan the day accordingly rather than early in the morning.
-
Avoid sending notifications on holidays or weekends to set intentions to sustain user engagement.
-
Send a reminder at the end of a deadline, providing an option to snooze if needed.
bottom of page