Insight-Centred Redesign for Ecobank

From existing customers to extend customer lifetime value

Client: Ecobank
Website: ecobank.com
Date: 31S March 2016
In Africa, a fast-growing number of people use banks for their financial management and online banks are substantial touchpoints. For Pan Africa Ecobank, I supported the redesign and service creation of their online presence, introducing user centred research and analysis.
Working for London based BrandComms next to the designers in the digital team I took care of branding and persona lifecycle integration with online and offline product profiles, which focused on the customer – service provider relationship. My work included delivering insights for the content relevance of different customer segments, first-time users and less educated users, to overcome usability and confidence hurdles. The bank, in the end, is not merely about money operation. Instead, it provides lifelong values.

Project backgrounds & objectives

As banking digitalisation is quite on demand, Ecobank appointed BrandComms for refurbishing their long-existing website, intending to re-imagine it, starting from the homepage out to create a richly informative, user-friendly experience responding to different devices and usage.

Process

Customer analysis

Dive into user activities and behaviours

UI strategy

Outline UI strategies for different customer segmentations

Information architecture & wireframe

Build information architecture, templates and prototypes

User testing & Design iteration

Run usability testing for next step design

Customer analysis

Dive into user activities and behaviours

Coupled with client feedback, surveys, data of Google Analytics and customer profiles summarised by the strategists, I narrowed down all of the data into four personas, which reflected main target users through customer profiling and persona matrix analysis.

Customer-profiling
Persona-matrix
UI strategy

Outline UI strategies for different customer segmentations

As each persona had clear characteristics, intents and activities, plus shared similar behaviour patterns, I looked into all these factors through user journey creation. I also proposed adopting the concept of journey transfer, meaning that linking different levels of accounts to users’ life stages— a strategy for scaling up business along with user goals. In the meantime, a variety of worldwide bank website benchmarks were conducted to grasp ideal design ideas. Based on these, UI design directions were addressed.

UI-strategy1
UI-strategy2
UI-strategy3
Information architecture & wireframe

Build information architecture, templates and prototypes

With the outcomes of the previous stages, we updated the function backlog and then built the information architecture by conducting card sorting within the team, as well as with stakeholders. The result was turned into a functional map of the website for desktops, tablets and mobiles.

Thereafter, through working closely together with two graphic designers, we carried out the UI layout guidelines and behaviour-based module templates such as homepage, news and articles for the following wireframe design.

IA-card-sorting
Ecobank-IA
Ecobank-IA-2
wireframe-tempalte
User testing & Design iteration

We run agile, so once the first target user’s wireframes were carried out, we tested the design with users. I scripted down the tasks and set up the scenarios and then invited users to operate the prototypes run on InVision, along with screens and sound records done by QuickTime Player. After that, examining the design expectations across different users I created an analysis that was turned into clear directions of design refinement.

Footage sample of the user test:

Graphic designers revised UI based on key user testing findings
Graphic designers revised UI based on key user testing findings

Results & Impacts

Create a channel between their strategy and design teams

In my role as a user researcher I helped BrandComms to link the strategy and digital teams and thus improved their co-working and value creation. The strategy reports can now be transferred directly into directions for the digital product design, while before the reports were solely sent as research backup to the managerial level.

As the strategy director told me:
“Now I eventually know how my strategy analysis can help our digital product design, it is not just shown to the team managers for review.”

New awarding winning website 

The website development started as soon as the first version was validated and refined from the testing. The new website was released in 2016 Q1. It won the 2016 Web Jurist Award (powered by Phillips Consulting) for the Banking Sector in Nigeria, being considered as an example of “detailed evaluation of aesthetics, technical aspects, website content, user experience and performance”.

final