Empowering Active Lifestyles
For Singaporeans
Project Type
UX Research
Team of 3
Timeline
2024​
Role
Team Lead
Design System & Prototyping
Key Skills
Planning and Deploying Design Sprints
Variables and Conditioning Prototyping
Unmoderated Usability Testing

Project Overview
ActiveSG is an all-encompassing and inclusive national movement for mass participation, brought to you by Sport Singapore in 2014. The timeline for this project is approximately 15 weeks (based on academic timeline).
​
Met the objective:
✅ To plan and lead the project based on academic timeline of approx. 15 weeks using 5 planes content strategy framework ensure deliverables met user and business objectives, doubling up as interaction designer to deliver variables and conditioning prototyping.
​
🎉 To achieve average 80% feature adoption rate and 83.3% direct success from usability testing results.
​​​
Just to be clear, I am not linked with ActiveSg in any way and the opinions expressed in this case study was created to improve my learning experience and to challenge myself to rework it for a specific purpose.​ In terms of app referencing iOS Version: 2.58, Android Version: 2.51.
Strategy Plane
Introduction
ActiveSG is an all-encompassing and inclusive national movement for mass participation, brought to you by Sport Singapore in 2014. Conceptualised under Singapore's Vision 2030 to extend the reach of sports programming and encourage a healthy lifestyle for all residents.​ The product objectives defined is to empower users to prioritise family well-being by facilitating the planning and execution of at least one shared physical activity per week or month.
Target Audience

ActiveSG offers individuals, families and communities ample opportunities to
experience and share the joy of living better through sport.
Proto Persona
A summarised version to define the target audience, user painpoints, needs, tasks and goals. The summarised details are derived from interviewing 10 current ActiveSG users and site visit observations. In terms of planning of the questionnaire, utilises Lean Survey Canvas.

Scope Plane
Value Mapping
For this process, used Value Proposition Canvas to define the Potential Pain Relievers, Gain Creators and Product Services for the business could provide to ease and enhance the Proto Persona experiences from the Pains,
Gains and Jobs to be Done experience.
Finalised Pain Relievers that was derived from Mapping of User Pains to the Pain Relievers

Finalised Gain Creators that was derived from Mapping of User Gains to the Gain Creators.

Finalised Product Services that was derived from Mapping of Tasks (JTBD) to the Product Services.

Structure Plane
Information Architecture
We utilise the Optimal Workshop tool to run the open card sorting based on the current navigation structure and results have shown. For the overhaul of the information architecture structure focuses on scalability of the structure and in return reduction of the user tapping by 30%.
​
Therefore, in terms of the major overhaul is based on the following modules:
Profile & Account Management, Purchase Passes
Profile & Management
For the current first level of the structure, after the user tap on the 'Profile & Account Management'.

Scenario: To Retrieve Current Booking Passes Information
Current:
It is not complete and some parts of the site are not mentioned given it re-route back to the other parts of the app. The current flow and structure is that user click on the 'User' icon, navigate to Profile Management page. When tap on the 'My Booking and Passes' will be brought to the booking of passes and require additional steps of further on filtering the current vs existing passes purchased.
Proposed:
After user click on the 'Profile & Account Management, navigate to Profile Management page with information to configure Personal Information, Wallet Management, Calendar Synconisation, Booking and Passes, Milestones Rewards and Activities & Challenges.
Given there are additional features enhancements apart from just viewing the existing 'My Booking and Passes' such as to retrieve booking after Configuring the Auto Booking function and Recommendations of Activities based on interest require the restructure to scale it up.
Purchase and Passes
For the Purchase of Passes, the overhaul focuses more on the front end interaction flow. For the proposed version reduction of steps required to purchase of passes by 30% by bringing forward the decision of whether to purchase Monthly and Single Passes with additional considerations of Feature and Normal Pool (Pool context), Off Peak and Peak Period (Gym context).

Overview of the current purchase of passes workflow

Overview of the proposed purchase of passes workflow
Skeleton Plane
Low-Fi Wireframe
For this exercise, since it is a team project we adopted the Google Design Sprint whereby each of us come out with the wireframe. For the role of facilitator, will ensure the dot voting session for all of us to be kept within 30 mins to 1 hour range. After every team member has voted, the decider will makes the final decision of each screens. This gives the team the ownership and opportunity of designing the screens with transparency and quick design decision process.

Design System (Information Design)
For this improved design system, we retained the existing branding colours and secondary but redefine in terms of the components used and ensure the colour contrast meet the standards of WCAG AA and AAA.

Surface Plane
Final Product Overview
Planning Phase
In terms of the user journey mapping, the first phase will be the planning of the activities. In terms of the key features configurations proposed, aims to personalise each user's needs and experiences while keeping it lite, and help them to make informed decisions of whether to proceed with the activities, reducing the friction of topping up function with automation given is a frequent required task identified. ​
On the Day Phase
As part of commute, most of the users travelling by foot, transport or driving will not be running the ActiveSG app on the go. Therefore, with the voice over real-time alerts, allow them to get updates immediately and make informed decisions accordingly to avoid disappointments. It also helps to ease the current onsite workers workflow whereby everything is currently manual.
Post Visit Phase
During the post-activities, it is essential for the users to return back to ActiveSG for more activities. Therefore, we enhance the features for the Rewards and Milestones, bringing more awareness of how it can be converted to Healthy365 points and a way to encourage to get more active. With the calendar synchronisation feature from external platforms, allow the planners to view the availability from ActiveSG and their internal calendar at one glance.
Surface Plane
Usability Testing
In terms of Testing Objectives, it is used for Validation of Concept from general consensus on how they feel about it and Usability Testing on the Purchase Passes since the workflow got major changes.
​
In terms of the Usability Testing, the metrics use to measure the success is the task completion rate and also to identify if there is any misclicked of buttons.
Further Considerations & Reflection
Workflow Considerations for the Project
To improve on the refund of passes due to wet weather occurrence
In terms of sharing of calendar access, to create and build on the flow and the security aspects
To improve on booking of programmes flow, ensuring every user can achieve their exercise objective​
For this prototype, there are also sound feedback as part of enhancing the accessibility of the app, click here to view the live version.
Personal Reflection
I think in general it was a meaningful, being able to contribute back to Singapore given this a public service application. It is definitely one of my personal break through of leading a project and also prototyping using condition variables via Figma. Shout out to my team members Tristan Tan and Eric Ngian for making this project a success too :-)​