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
Website
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 + #5017B5Blue 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.
