Role
Prototyping, Research,
UI Design, Wireframing.
Tools
Figma, Illustrator
Miro.
Duration
3 Months
Year
2021
Client
Academic
Jefferson University

Introduction

In a world brimming with challenges and distractions, maintaining a positive mindset and fostering personal growth has never been more crucial. Enter "Hibuddy," your ultimate companion on the journey to self-improvement and well-being. In an age where every tap on your smartphone holds the potential to transform your life, Hibuddy invites you to unlock the power of positive affirmations with a simple touch.

Project Summary

At its core, Hibuddy is more than an app; it's a digital sanctuary designed to empower, inspire, and elevate your daily life. Harnessing the power of affirmations, Hibuddy makes positivity accessible to everyone, anytime, anywhere.

The design approach for Hi Buddy was rooted in the principles outlined in Nir Eyal's book, "Hooked," which emphasizes creating products that engage users on a deep emotional level. By drawing inspiration from Eyal's insights to validate the concept and refine the user experience, I employed a combination of Mechanical Turk, and YouTube video for the Pretotyping process.

Vision

To empower the users to overcome limiting beliefs, manage stress and anxiety, and increase the overall wellbeing by providing them with daily affirmations.

Design thinking process

The design thinking process was integral to this project, involving empathizing with users, defining their emotional needs, ideating creative affirmation options, prototyping the app's interface, and conducting user testing to refine the user experience. In the 'Pretotyping planning sheet" The risky assumption, XYZ hypothesis statement and the desire Pretotyping experiment is validated.

Define
Secondary Research
Surveys
XYZ Hypothesis
Risky assumptions
Pretotype
Conceptualization
Storyboard
MOSCOW analysis
Pretotype experiment
Design
Userflow
Style guide
UI Design
‍Wireframing
Prototyping
Testing
Usability Test
User Feedback
Iteration
.Define

Defining XYZ statement

This hypothesis statement outlines the key features of Hibuddy and the expected outcomes related to user engagement, consistency, well-being, and goal achievement. It provides a clear focus for testing and evaluation during the development and launch phases of the app.

Validating 3 riskiest assumptions

The three riskiest assumptions are filtered to enhance the clear objective in diving deep for the Pretotyping experiment. Further proceeded by choosing Youtube video and Mechanical turk experiments.

Kano cards

Kano cards were instrumental in prioritizing features for Hi Buddy. By categorizing features into "Must-Have," "Should-Have," and "Could-Have," and "Won't", "MO-S-CO-W" I have ensured that the core functionality, such as personalized affirmations and saving favorites, took precedence, aligning with Lisa's essential needs.

Storyboard

Storyboarding allowed me to visualize the user's journey with Hi Buddy. It illustrated how a user like Lisa would interact with the app, from their initial login to receiving a daily affirmation and sharing it with friends. This visual narrative helped in refining the app's flow and identifying key touchpoints for emotional engagement.

.Pretotype

Pretotype experiment

The social experiment is done by randomly distributing a "Surprise affirmation" as gift roles at multiple locations throughout the campus. Students, once they open the roll, they can see the affirmation and can 'Scan' the QR code to access the full video on youtube, where the Promo for Hi Buddy is displayed. This way, the number of likes and views were tracked and proved that the experiment was successful.

Pretotype experiment dissection

Youtube experiement video

Results

The YouTube video experiment, I observed a substantial user engagement and view duration. The captivating content and clear messaging resonated with the audience, resulting in a 100% click-through rate from the pretotyping experiment and Users could get to the video from the "Scan code" available on the surprise spring rolls, resulted in 73% success which is thrice than what I expected from the risky assumptions.

Youtube video analytics

Youtube video highlights

Instagram statistics

Mechanical turk successful

End results

.Design

User flow

The userflow for Hi Buddy was meticulously crafted to ensure a seamless experience. It mapped out Lisa's journey, from onboarding to daily affirmation delivery, showcasing how the app guides her effortlessly through each step, making her emotional well-being a top priority.

Style guide

The style guide for Hi Buddy documented design principles, typography, color schemes, and iconography. It ensured design consistency, making certain that every element resonated with the app's mission of promoting positivity and emotional well-being.

Hand-drawn wireframes

Hand-drawn wireframes served as the initial sketches for HiBuddy's interface. They allowed for quick ideation and early feedback, helping me to iterate on the app's layout and interactions before moving on to digital design.

Visual Design

The visual design of Hi Buddy is a harmonious blend of aesthetics and emotion. I carefully selected a soothing color palette, including calming blues and warm, inviting tones, to create an atmosphere of positivity and tranquility.

On-boarding screens

Save to collections

.Testing

Like what you see? Let's work together!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.