All projects

CASE STUDY

Agroros Bank

A redesign concept for the website of Agroros, a bank in Saint Petersburg. A study project at Moscow Digital Academy.

  • Website
  • Banking
  • Redesign
  • Study project
MY ROLE
Information architecture, visual design, page layouts, logo refresh
PLATFORM
Website
INDUSTRY
Retail and business banking
PROJECT TYPE
Study project at Moscow Digital Academy, 2020
Redesigned Agroros Bank home page with a mortgage rate banner

OVERVIEW

Make a bank website lighter, clearer and more modern.

Task

A redesign of the Agroros Bank website: making it lighter, more intuitive, fresh and modern.

Solution

To make the website feel lighter, I built it on white combined with airy blue and grey. Orange and dark green elements set the accents, backed by bright images, so the information is easier to take in visually and emotionally. I also refreshed the bank's logo to make it more modern and in tune with the new website. A mind map helped arrange the information blocks in a more logical order that is intuitive for visitors.

COLORS & FONTS

White as the base, with airy blue and grey. Orange and dark green for accents.

Color palette and type samples, with the new website on a tablet and a phone

MIND MAP

The whole website mapped out before designing the pages.

Mind map of the Agroros Bank website: personal banking, business banking and other sections with their pages

LOGO

A refreshed logo that fits the new website.

Refreshed Agroros Bank logo and the variants explored

WEBSITE PAGES

Key pages of the new website.

Home page and About the bank page of the new website Exchange rates page on a phone, next to a city street photo

OLD & NEW DESIGN

Before and after, side by side.

Old and new design of the corporate clients page, side by side

ELEMENTS

News, product cards, banners and key figures.

Website elements: news cards, product cards for bank cards and insurance, a banner and key figures

ONLINE MORTGAGE CALCULATOR

A calculator to estimate a mortgage online.

Online mortgage calculator with sliders for property price, down payment and term

CONTACTS SECTION

Offices and ATMs, with addresses, maps and opening hours.

Contacts section with office addresses, opening hours and maps

ABOUT THIS PROJECT

All photos, fonts and other materials were used for non-commercial purposes, as part of a training programme at Moscow Digital Academy. The website screens show the original Russian-language content.