DBS #BankFit Portal: Branding, UI/UX Design & Illustration

About

Gametize’s worked with DBS to create a gamified portal for their stuff to build awareness on cybersecurity tips and tricks, and assessing and training the user on their cybersecurity savviness.

#BankFit was a very customized, white-labeled version of the Gametize platform. For this project, I was the Creative Director for this project, devising the illustrations, narrative, and UI/UX for customized flows and pages.

Role

Research / Branding / Conceptualization & creative direction / Creation of visual assets / Prototyping

Tools

Adobe XD, Adobe Illustrator, HTML, CSS

Login Page

Main Dashboard

The main dashboard consists of a widget board that consolidates to an overall rating, which the use can review in more detail through their Vitality Report.

At a glance, the user can also view all their badges and navigate to other elements, such as the Daily Challenge, personalized Quizzes, and more.

Alliance Interface

An addition to the Main Dashboard that was introduced in 2019 was the Alliance Feature. This enables the player to form teams and compete as a team towards monthly quests to gain extra goodies and rewards.

Treasure Hunt Module

Another notable module of the portal is the Treasure Hunt, where the user must answer questions correctly per tile selected to reveal the “treasure” below.

Illustrations

A major component of the project involves creating illustrations that refresh year-on-year, depending on that year’s campaign theme. These included content images, badges, and other accompanying EDM & print images (such as stickers and posters).