border border

Kueh Quest! - Boosting elderly members' confidence in using CPF digital services

Team members

Mohamad Arshad S/O Khaja Moinudeen (ESD), Quah Chun Yuan (ESD), Lim Kok Tong (ESD), Aiman Nurdeeni Bte Abdul Halim (ISTD), Chua Mingkai (ISTD)

Instructors:

Francisco Benita, Cyrille Pierre Joseph Jegourel

Writing Instructors:

Susan Wong

Teaching Assistant:

Lim Swee Hao

Pick up essential digital skills for navigating CPF e-services via our game now!

 

Project Background
Currently, the Central Provident Fund Board (CPFB) sees its members aged 60 and above going to the 5 Service Centres to access CPF e-Services such as:
  • Accessing their Statement of Account
  • Making a CPF top-up
CPFB wants to encourage more members to access these e-Services on their own. However, there is a need to:
  • Improve members' confidence with self-help
  • Improve accessibility and convenience for members
However, majority of members aged 60 and above are less tech-savvy with a lack of confidence and knowledge on accessing the website.


Our Solution: Kueh Quest!
Kueh Quest! is a game that simulates the CPF website and incorporates gamification elements to engage CPF members aged 60 and above. The online game can be accessed via a mobile phone or computer.

The aim of the game is to equip CPF members with the necessary know-how to navigate and perform some common CPF e-Services.


Click the "Start" button on the screen to try out the game! Or you can also play the game by clicking this link.

Overview of Solution

To keep players engaged in Kueh Quest! and help them pick up the required digital skills more effectively, these four features form the backbone of the game's design.



Feature 1 : Story
intro story small
  • The game engages the player through a simple story using a Singapore context.
  • This story helps players better understand the benefits of using CPF e-Services.

Feature 2: Quest-Based
task selection
  • At the 'Quest' page, players can choose either to proceed with 'Check Statement of Account' or 'Top-up your CPF account'.
  • These two quests were chosen because they were common CPF transactions performed at the service centres, which are also available via CPF e-Services.

Feature 3 : Guiding Tools
game task small
  • After selecting the quest, the player will start to click according to the instructions in the blue box.
  • Guidance will be provided to players if they make the wrong clicks, through hints (located at the top of the page) and the finger-pointer showing the exact location to click.

Feature 4 : Kueh Collection
kueh modal small
  • Upon completion of the quest, the player will be rewarded with a kueh.
  • After collecting one kueh, player may be encouraged to complete another quest; thus, receiving both kueh rewards (Kueh Lapis and Kueh Salat).

User Insights From Testing

Qualitative Insights
"After playing I feel more confident in using the website myself next time. I won't have to go all the way to the service centre."
- Female, age 65
"The game is a fun and simple way to learn how to use CPF's online services."
- Male, age 68

Quantitative Insights
93% of players made ≤ 3 incorrect clicks for 'Check Statement of Account' quest.


90% of players made ≤ 3 incorrect clicks for 'Top-up your CPF account' quest.


Technical Diagrams
simplifiedsysarch
System Architecture

Kueh Quest! uses a SERN (SQL, Express, React, Node) stack. It uses PostgreSQL database to store data, express.js as the backend server framework and the React library for the frontend application.



entityrelationship drawio
Entity-Relationship Diagram

The entity-relationship diagram illustrates the data models that are used to store the data in the database.



Industry Mentors

logo

TEAM MEMBERS

student Mohamad Arshad S/O Khaja Moinudeen Engineering Systems and Design
student Quah Chun Yuan Engineering Systems and Design
student Lim Kok Tong Engineering Systems and Design
student Aiman Nurdeeni Bte Abdul Halim Information Systems Technology and Design
student Chua Mingkai Information Systems Technology and Design
border border