Orbit Juggling App
A habit-forming product for Juggling Enthusiasts. The app is designed with user user-centered approach and Hook model to keep users engaged in the long term. The hook model has 4 steps: Acton Trigger, Reward, and Investment. The app offers different features to provide these 4 steps for users.
Overview
Role
Sole designer for the whole product
Timeline
2 months
Methods
Storyboarding
SWOT Analysis
MoSCoW Method
Wireframing
Style Guide creation
Usability Testing
Tools
Figma
Illustrator
Miro
Google Suite
How Might We…
create a habit-forming app to learn juggling?
What is Hook Model?
The hook model is a framework based on user behavior that aims to create products used by customers routinely. The goal is to establish an organic bond with users and make the product a part of their lives – a.k.a. to make them visit an application/website as a habit.
Storyboard
Created a storyboard for a possible user journey including all the ingredients needed for the hook model. The experience is designed for users to come back every day for at least for 15-minute juggling practice.
User Flow
Based on the project design brief and hook modal I was using, I created a user flow diagram to map out each touch-points of the app's two key features - "Training" and "Challenges". I included 2 specific users in this flow, Perfectionist and Challenger.
MoSCoW Method
I have listed all the features that the Orbit app can have. The must and Should column includes the ones I have decided to use, additionally features in the Could column are the ones that can be included in the future.
Mid Fidelity Wireframes
After I establish the features, I started to create Mid-Fidelty hand drown wireframes to experiment and also establish a UI style. Becuase of the nature of juggling I wanted to focus on flexibility, movement and energy with the overall style.
Moodboard
I created a mood board to collect inspirations and set up the look and feel of the overall visual design. Orbit is about movement, joy, and energy. Therefore, I focused on using purple and pink colors to echo the theme.
Style Guide
I created a UI Style Guide that brings cohesion to the app's user interface and experience following the mood board's vision. The style guide includes the below guidelines:
-
Color
-
Typography
-
Icons
-
Buttons
-
Illustrations
-
Tone of voice
