Warba Bank

Islamic Corporate & Investment Bank in Kuwait driving engagement to empower non-sales staff to become brand ambassadors.

Driving engagement in an innovative internal training app made to empower non-sales staff with the right tools and knowledge to become brand ambassadors.

This has been achieved by equipping and encouraging each member of staff, regardless of rank, role or department, with the skills to become a brand & product ambassadors for Warba Bank. Each member of staff has the potential to become a knowledgeable representative for the bank, to advocate the bank’s products and services to their social circles and beyond.

The Solution

Motivation is a function of individual will. We do things because the outcome is appealing and serves as an incentive. The app is designed around the following:

Platform/s

Mobile App, Website

Technology

Angular

Empowerment
Gamified learning to educate staff
on Warba Bank products & services

Engagement
Staff compete while easily sharing
& marketing Warba Bank products

Encouragement
Staff get recognised while
enjoying incentives & rewards

Endorsement
Inspire staff by listening & making
them feel part of the family

User Flows

When it came to requesting an app, it became clear through our research that we had to provide a different journey depending on prior staff knowledge and experience with the service. Staff members acquire coins for completing specific actions such as viewing training material or making successful referrals and sales. These coins can then be exchanged for rewards. These mechanisms motivate staff by performing desired actions through a mix of gamified elements such as leaderboards and team challenges.

We broke down each step of the user journey and mapped out distinct flows for each feature.

App Wireframes

We created interactive wireframes that mapped out the full user flow of the app, putting content to conduct user testing and validate further requirements.

Visual Identity

Our comprehensive style guide outlines the grid, typography, colour palette, CTAs, iconography, paddings and margins. Formalising these key decisions enabled consistency of design both now and in future.

PRIMARY

Purple Gradient

#0A1640 + #5017B5

Blue Gradient

#5117B5 + #00A2C4


#299BFF


#3260FF


#67AEF1

SECONDARY

TERTIARY

HEADER FONT

Brown Std

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

AaBb

BODY FONT

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

AaBb

ICONOGRAPHY

VECTOR AVATARS

REWARD BADGES (BLANK)

TEAM EMBLEMS

APP STRUCTURE

Visual Design

Our core aim was to design an app that was consistent and practical to improve employee engagement. This was achieved through a contemporary layout, subtle animations, clear CTAs and logical content hierarchy.