Search

CASE STUDY

REDESIGNING WINBANK

Reinventing the web banking experience

SEE IT LIVE

CASE STUDY WINBANK E-BANKING

THE CHALLENGE

Piraeus Bank is one of the leading financial institutions in Greece, with an established presence in retail banking that extends from physical to digital, through an extensive network of physical branches and its successful online banking platform, Winbank.

The significant shift in banking behaviour and today’s abundance of customer touch points have given rise to new consumer preferences and expectations. The key challenge for Piraeus Bank was to revamp its strategy and reshape customer experience, integrating an efficient cross-channel approach that includes mobile and is available to anyone, anytime.

ATCOM’s key goal was to reinvent Winbank and help it thrive into the new demands of the evolving digital ecosystem.

THE STRATEGY

MAKE IT USEFUL

MAKE IT CLEAR

THINK CUSTOMER FIRST

To redesign an e-banking platform as complex as Winbank, we launched a quite demanding and multifaceted Usability & UX optimisation plan, aiming not only to improve Winbank aesthetically, but also to provide a truly upgraded user experience, based on new levels of usability. Our strategy can be broken down to five key stages:

1. Understand

To understand in depth the pre-existing conditions and business goals, as well as the technical challenges and the unique attributes of this specific banking product, we undertook a series of stakeholder workshops, followed by an exhaustive benchmarking research to determine and secure Winbank’s future position within the competition.

2. Empathize

Then we focused on comprehending users, grasping their behaviours, needs, what worries and what motivates them. Our goal was to access the user’s perspective and get the full picture from his point of view. For this purpose, we plunged deep into Winbank’s web analytics to track the various branches of the customer journey and acquired valuable data from call centre feedback, to investigate ways to bridge the gap between the current and the desired state.

3. Prototype

Having examined the matter both business-wise and customer-wise, we were able to connect the dots and map the new design of Winbank; a process realised on two different levels:

Firstly, we built Winbank’s information architecture from scratch, pursuing an intuitive, user-friendly navigation and pointing towards seamless user experiences.

Further on, we proceeded to create user flows and put the most significant screens and procedures into wireframes.

4. Validate

The validation of our strategy was a crucial step at that point. Tree Testing surveys addressed to real users provided us with valuable feedback that helped us evaluate and further improve Winbank’s new information architecture.

5. Design

Finally, the new User Interface was designed, applying the latest web design trends, while listening to the user’s needs and incorporating every requirement, business as well as operational.

winbank overview

UNIQUE FEATURES

From theory to action, every insight we collected was channelled into the design of the new platform. We addressed the redesign of Winbank with meticulous care, adopting an innovative, multidisciplinary and customer-centric design that is visually appealing and fast-loading.

Particular focus was placed on usability and accessibility; with mobile usage on the rise, it was clear that the new Winbank had to be fully responsive and instantly accessible in its full functionality.

The redesigned Winbank has a clear and intelligible User Interface that simplifies the headache of online financial transactions and is extremely advantageous to both Piraeus Bank and its customers.

01

DASHBOARD

Starting from the dashboard, we listened to what users need from a personal web banking panel, how it can solve problems and facilitate day-to-day transactions and services.

Winbank’s new dashboard provides an easy to read 360° view of the users’ online presence, unifying their activity within the platform.

winbank dashboard
winbank dashboard
02

MAIN NAVIGATION MENU

We further enhanced usability by splitting the various products and categories into two main menus:

A new dynamic main navigation menu is placed on top of the screen, which provides one-click access to most of the platform’s sections and, incorporating a “sticky” feature, it stays fixed to the top of the viewport on scroll.

winbank main navigation
winbank main navigation
03

SECONDARY MENU

A secondary menu is introduced, with useful information, tools and customer support options, as well as a fully customised “Favourites” sub-menu to provide personalised access to the most visited sections of each user.

winbank secondary navigation
04

USABILITY IN STEP BY STEP
FLOWS

Navigation is effortless, while findability and relevance are proven to be upgraded, facilitating practical step-by-step procedures and showing a clear path to completion.

notification
money
car
winbank flow
winbank flow
winbank flow
05

RESPONSIVENESS

Before referring to user experience, usability and accessibility though, we had to think about responsiveness. ATCOM specifically designed Winbank to be fully responsive, with consistent display and functionality across devices and screens, from mobiles and tablets to large desktop screens.

winbank on ipad
winbank on iphone

TECHNOLOGY

HTML 5

HTML5 semantic elements clearly describe their meaning to both the browser and the developer, allowing for a deeper organisation and depiction of the content’s structure. Proper syntax improves the capabilities of the front-end development workflow and renders content more accessible and searchable, while also enhancing interoperability.

CSS 3

CSS3 is the most recent evolution of the Cascading Style Sheets standard, used to shape the formatting of HTML pages. Enriched with innovative features, styling elements and layouts bundled into modules, CSS3 provides flexibility and control, separating the formatting from the content.

THE OUTCOME

Aligned with the status, quality and reliability of Piraeus Bank, the brand new identity of Winbank is about to change the way business is done within the digital banking ecosystem.

Winbank is the only truly responsive and fully accessible online banking platform in Greece – a fact that brings Piraeus Bank miles ahead of the competition. Offering a radically improved customer experience across devices, it introduces a new level of personalisation at every step of the user journey.

Providing supreme quality of service, ease of use and optimised accessibility, the redesigned Winbank transforms customer experience within the digital platform and, indirectly, contributes to the improvement of Piraeus Bank’s web banking customer acquisition strategy.

In the long run, the benefits of the new Winbank will affect both customers and the bank itself. Customers will be inspired with trust, loyalty and a new sense of confidence in the financial organisations, while Piraeus Bank will be “rewarded” with remarkable economies of scale.

winbank outcome

RESULTS

Comparing the May-September 2016 and May-September 2015 periods of time, the results exceed our expectations – and prove us right!

Avg Daily Unique Users +0%
Avg Monthly Active Users +0%
Transactions Executed +0%
Avg Session Duration -0sec

THE FUTURE OF E-BANKING SERVICES IS HERE.
DON'T FALL BEHIND.

BE A LEADER

LATEST CASE STUDIES

SHARE IT

Cookie Policy

By selecting "Accept all", you agree to the storage of all cookies of the website on your device,to enhance site navigation, analyze site usage, and assist in our marketing efforts. By selecting "Reject All", you agree to store only the necessary cookies. You can choose which categories to accept by clicking "Cookies Settings". For the detailed Cookies Policy click here For better operation of cookies, refresh the page in case of withdrawal of your consent.
Necessary Cookies
locked

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.

Cookie nameCookie descriptionProviderCookie expiration
visid_incap_Preserves user’s states across page requests to improve performance of the website.Atcom.grSession
incap_ses_Preserves user’s states across page requests to improve performance of the website.Atcom.grSession
ASP.NET_SessionIdGeneral purpose platform session cookie, used by sites written with Miscrosoft .NET based technologies. Usually used to maintain an anonymised user session by the server. SystemSession
cconsentIt retains the user's cookie consent preference.atcom2 Years
Statistics Cookies

These cookies tell us about how you use the site and they help us to make it better. For example these cookies count the number of visitors to our website and see how visitors move around when they are using it. This helps us to improve the way our site works, for example, by ensuring that users find what they are looking for easily. Our website uses Google Analytics for statistics reporting.

These cookies tell us about how you use the site and they help us to make it better. For example these cookies count the number of visitors to our website and see how visitors move around when they are using it. This helps us to improve the way our site works, for example, by ensuring that users find what they are looking for easily. Our website uses Google Analytics for statistics reporting.

Cookie nameCookie descriptionProviderCookie expiration
_gaID used to identify usersGoogle AnalyticsSession
_gidID used to identify users for 24 hours after last activityGoogle Analytics1 Days
_gatUsed to monitor number of Google Analytics server requests when using Google Tag ManagerGoogle Analytics0 Minutes
_ga_ID used to identify usersGoogle AnalyticsSession
msd365mkttrID used to identify usersatcom.dev.atcom.grSession
msd365mkttrsID used to identify usersatcom.dev.atcom.grSession
Functional Cookies

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

Cookie nameCookie descriptionProviderCookie expiration
YSCRegisters a unique ID to keep statistics of what videos from YouTube the user has seen.YoutubeSession
Marketing Cookies

These cookies are used to deliver advertised content which is relevant to you and they can be used to track the effectiveness of our ad campaigns on third party websites. These cookies are placed on our site by our third party service providers and they may remember your web browsing activity. Only anonymised information is captured and used and the purpose is to provide you with content which is relevant to you.

These cookies are used to deliver advertised content which is relevant to you and they can be used to track the effectiveness of our ad campaigns on third party websites. These cookies are placed on our site by our third party service providers and they may remember your web browsing activity. Only anonymised information is captured and used and the purpose is to provide you with content which is relevant to you.

Cookie nameCookie descriptionProviderCookie expiration
_fbpUsed by Facebook to deliver a series of advertisement products such as real time bidding from third party advertisersFacebook3 Months
frContains a unique browser and user ID, used for targeted advertising.FacebookSession
VISITOR_INFO1_LIVETries to estimate the users' bandwidth on pages with integrated YouTube videos.YoutubeSession
IDEThis cookie is used for targeting, analyzing and optimisation of ad campaigns in DoubleClick/Google Marketing Suite DoubleClick/Google MarketingSession