Alfa-Bank
alfabank.by
User Friendly design
The first version
was launched:
- Complete transfer of services online,
- Convenient search for branches
ATMs,
- Unique templates for key pages,
- Comparison of banking products (deposits, loans, cards),
- Adaptive design
- App and much more.
Before
After Renew
The bank has changed its positioning, and based on the analysis conducted, we have focused on navigation convenience and problem areas in the sales funnel.
Transformation Goals
Dark theme
Following the trends of trading and statistical services, it has been decided to add a dark theme. Users can choose which side to switch to.
Card Builder
With the help of this feature, the bank's customers can create any card with a design of their choice and add the desired service package to it. And all the data will be automatically reflected in the bank's dashboard.
Vue.js's reactive technology allows for quick client-side UI rendering without the need for unnecessary reloading of each element.
Vue.js's reactive technology allows for quick client-side UI rendering without the need for unnecessary reloading of each element.
Page builder
pages and optimization of content workflows.
80+
Unique and creative illustrations that catch the attention of users.
Photoshop, Illustrator
App
Following the trends of trading and statistical services, it has been decided to add a dark theme. Users can choose which side to switch to.
70% is a Mobile Traffic
This is due to the fact that 70% of users primarily access online content from mobile devices.
Mobile Traffic
The bank has actively transitioned to the digital environment, and our main task has become to shorten the path from the desktop version of the website to the mobile application.
Digitalization
Adapt processes for quick and comfortable transition to the application - to connect to the desired product. QR codes are now available on the website, automatically detecting the user's operating system.
Deeplink
In the mobile version, direct links have been added. For instance, while on the deposits page, a bank client can click a link and be taken directly to the same page in the mobile app, avoiding the need to search for the service again.
Why the menu has to be boring?
Each element of the website has to work for conversion!
Convenient search
for offices and ATMs
by means of evident visualization of the schedule
of offices. If you allow the browser or the mobile
phone to transfer data about the location,
then there will be an opportunity to define
the nearest offices and to lay a route to them.
Transfer to online services
Now clients don’t need to go anywhere anymore to receive a bank card, to take a loan or to open a deposit. There is a simple description, a clear instruction and a calculator оn the website which make easier the service registration.
Unique design of each product and section
The page of services is informative and interactive: the flexible set of styles allows to elaborate individually any section of the website. Naturally, everything has to work perfectly at any device.
Beauty in details
Many guidelines have been created. Detailed instruction helps to understand all richness of styles and opportunities. For about 120 unique models, unaccepted options and the presentations have been done totally.
Individual design of plastic cards
The online designer allows creating a plastic card of your dream: with any arrangement of elements and any picture..
Simple and extended type of services
To understand all variety of services of Alfa-Bank, the visitor is able to use a convenient comparative mode. At the same time it can be both the simple table of characteristics and more difficult mechanism of the calculator or selection step wizard, which cuts unsuitable options to the visitor.
Unique templates for key pages
The huge work on creation of creative content has been done. More than one hundred banners, icons, background pictures and texts which work for conversion in each case were created.
