Phaser 3 Framework: Interactive 2D game microsite development


In conjunction with the launch of innisfree Brightening Pore series, we created an interactive experience that conveys its unique Blemish Care benefit in the skin brightening sector. The ‘marathon’ concept stems from the importance to take care of our skin against UV ray damage continuously. Developing using popular HTML5 gaming framework Phaser 3 to develop the interactive gaming experience to allow user to learn about the products in a fun way.


The Assignment

  1. Mobile-prioritised design
  2. Deliver the message in Fun & Educational way



Game Level design

Planting the characters & obstacle is fun in this project, we carefully plan the game level difficulty for each levels using 2D array of tile indices to map out all the assets.


Animation & Interaction

Design Animation & Game Interaction play a big role in this project as it make the whole gaming experience enjoyable.


Design & Concept by

Scope of work

  • Technology Strategy
  • Mobile Development
  • Frontend Development

Related works

The Icon of Modern Living

The Icon of Modern Living

Read more »
Vote & Get Lucky – Chinese New Year Campaign

Vote & Get Lucky – Chinese New Year Campaign

Read more »
Digital Agency Handshake

Want a kickass digital presence?

Let’s talk. Now that you’ve heard about us, let’s hear about you.

Discuss with us now