Phaser 3 Framework: Interactive 2D game microsite development

Summary

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

MY TEE TIMES is a mobile app to conveniently book your tee times at your favourite golf courses with ease and at competitive prices anytime and anywhere.

MY TEE TIMES is a mobile app to conveniently book your tee times at your favourite golf courses with ease and at competitive prices anytime and anywhere.


Read more »
Konica Minolta aims to contribute to a global community by creating ever greater value and excellence.

Konica Minolta aims to contribute to a global community by creating ever greater value and excellence.


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