Need Statement
Well+ team needs a template for bonus challenge to standardise the design for consistency and efficiency.
Overview
Well+ is a wellness and earn rewards program by HSBC to promote wellness in three categories which are body, money and mind. Participants are able to earn rewards when they level up in this program. In addition, bonus challenges are bite-sized side quests offered occasionally beyond the level up program.
-
UX Design
Information Hierarchy
Interface Design
User Flow
Firstly, we have to understand the screens of the user flow.
We separate the flow into 3 parts.
1. Home | 2. Pre-register | 3. Post-register
We planned to create a template for Pre-register and Post register part only because only these 2 parts will be reused
Information hierarchy
We put different types of bonus challenge together and list out the components inside it.
The Template
Pre-register template, we have identified the types of bonus challenge and colour coded corresponding components. Blue is for bonus challenge with selection of reward. Yellow is for bonus challenges with no selection of rewards. Green is for common components between the two type of challenges.
Post-register template, similarly, we have identified the types of bonus challenge and colour coded corresponding components. Orange is for physical progress checking challenges, yellow is for financial progress checking challenges and blue is for without progress checking challenges. While green is for common components.
In addition, there are 3 states for post-register template, in progress, completed and missed.
Conclusion
Understanding information systematically
This is a chance for me to categorise information systematically and build a library for a reusable and scalable digital feature/product and help me understand information architecture better.