top of page

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

Banner.jpg

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 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.

ActiveSG Proto Persona

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

ActiveSG- Pain Relievers Analysis

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

ActiveSG- Gain Creators Analysis

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

ActiveSG- 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'.

ActiveSG Current Restructure

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).

Research Board- Current Flowchart

Overview of the current purchase of passes workflow

Research Board- Proposed Flowchart

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.

ActiveSG Proposed Low Fi

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.

ActiveSG Proposed Design System

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. â€‹

18.png

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.

23.png

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.

28.png

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.

68.png

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 :-)​

bottom of page