← Back to home

Case study

Eurobank homepage redesign

A personal project exploring how Eurobank’s homepage and navigation could help visitors find relevant banking services.

Independent concept project, not affiliated with Eurobank.

Role

UI/UX designer

Tool

Figma

A homepage organised around products and needs

Interactive preview

Open Products, explore the page, or scroll through the design.

Banking that fits your life

Choose how you bank. You can change your mind later.

STEP 1 — PICK A NEED

What brings you here?

Pick the closest one. You can change it at any point.

Not sure where to start?

STEP 2 — CHOOSE AN ACCOUNT

Everyday account, and savings

An account is where money lands and leaves. Some pay interest while you can still reach the money, and some hold it for a fixed time.

How to bank with us

Use one, or both. You can change at any time.

From your phone

bank whenever you want, wherever you are

At your local branch

talk to someone in person who can help you

WHY START HERE

You will know before you commit.

Whichever way you start, it is the same three steps, and you can see all of them before you begin.

  1. Choose your account
  2. Prove who you are
  3. Start banking

© Eurobank 2026

Desktop homepage and navigation concept.

Full homepage design

Rotate your phone for a wider view of this desktop design.

01 · Problem

Crowded content and unclear navigation hid the way forward

Eurobank’s homepage gives considerable space to promotions, while its navigation makes it difficult to see what each section contains. With too many messages competing for attention, the main action was easy to miss.

02 · Research

The review revealed two priorities

I reviewed the homepage and navigation using Nielsen’s usability heuristics and principles from Krug and Norman. I then compared how other banks organise their services.

App-store reviews helped me understand customers’ wider concerns, although they were not direct evidence about the website. Published usability research helped me assess patterns such as rotating promotions.

Together, the findings pointed to two priorities: making the navigation easier to explore and organising the homepage around what visitors need to do.

Rotating homepage promotions

Rotating homepage promotions

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

Promotional cards competing for attention

Promotional cards competing for attention

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

Products presented through tabs and a carousel

Products presented through tabs and a carousel

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

Repeated links in the original footer

Repeated links in the original footer

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

03 · Design

Those priorities shaped the homepage and navigation

Each part of the redesign needed a specific job. The navigation needed to show what it contained, while the homepage needed a stronger focus and a way to explore services by need.

The Products menu revealed services before another page loaded

Opening Products shows the available services without taking visitors to another page. Familiar categories such as Accounts and Loans appear with short descriptions explaining what each option is for.

Log in and New customer remain visible as direct starting points for existing and prospective customers.

Services visible inside the open Products menu

Services visible inside the open Products menu

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

One message gave the opening section a clear purpose

I replaced the rotating promotions with one message and one New customer button. The message and button are aimed at people who are still deciding whether Eurobank is right for them. Existing customers can still log in from the navigation.

One message and one action for new customers

Interactive preview

Select New customer to preview the button interaction.

Banking that fits your life

Choose how you bank. You can change your mind later.

Homepage hero concept.

One message and one action for new customers

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

Visitors could start with a need instead of a product

Someone may know what they need without knowing the name of a banking product. The “What brings you here?” section begins with familiar situations, then shows relevant options beside them.

Banking services organised around visitors’ needs

Interactive preview

Choose a need to explore the options.

STEP 1 — PICK A NEED

What brings you here?

Pick the closest one. You can change it at any point.

Not sure where to start?

STEP 2 — CHOOSE AN ACCOUNT

Everyday account, and savings

An account is where money lands and leaves. Some pay interest while you can still reach the money, and some hold it for a fixed time.

Concept preview. Other destinations are not included.

Banking services organised around visitors’ needs

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

The app and branch options side by side

The section presents two ways to open an account: through the app or at a branch. A shared three-step overview shows what getting started involves before visitors choose how to begin.

App and branch routes presented side by side

Interactive preview

Explore the two ways to get started.

How to bank with us

Use one, or both. You can change at any time.

From your phone

bank whenever you want, wherever you are

At your local branch

talk to someone in person who can help you

WHY START HERE

You will know before you commit.

Whichever way you start, it is the same three steps, and you can see all of them before you begin.

  1. Choose your account
  2. Prove who you are
  3. Start banking

Concept preview. Other destinations are not included.

App and branch routes presented side by side

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

The footer kept support without repeating the navigation

I removed product links that were already available through the main navigation. The footer keeps company information, rates and fees, support, and legal links where visitors expect to find them.

Support, company and legal information in the footer

Interactive preview

Explore the footer links.

© Eurobank 2026

Concept preview. Other destinations are not included.

Support, company and legal information in the footer

Scroll sideways to inspect the design.

Rotate your phone for a wider view of this desktop design.

04 · Mobile

The same experience adapted to a smaller screen

On mobile, the navigation moves into an expandable menu and the homepage sections stack vertically. The routes and priorities remain the same, but the layout fits the smaller screen.

Interactive preview

Open the menu, explore Products, or scroll through the page.

Banking that fits your life

Choose how you bank. You can change your mind later.

STEP 1 — PICK A NEED

What brings you here?

Pick the closest one. You can change it at any point.

Not sure where to start?

STEP 2 — CHOOSE AN ACCOUNT

Everyday account, and savings

An account is where money lands and leaves. Some pay interest while you can still reach the money, and some hold it for a fixed time.

How to bank with us

Use one, or both. You can change at any time.

From your phone

bank whenever you want, wherever you are

At your local branch

talk to someone in person who can help you

WHY START HERE

You will know before you commit.

Whichever way you start, it is the same three steps, and you can see all of them before you begin.

  1. Choose your account
  2. Prove who you are
  3. Start banking

© Eurobank 2026

Mobile homepage and navigation concept.

The complete mobile homepage

The redesigned page at 390 pixels wide, with a collapsed navigation bar and five sections stacked vertically.

The mobile menu with Products open

The mobile menu open with Products expanded to show Accounts, Cards, Loans, Insurance and Investments, followed by Help, ATMs and branches, and About.

05 · Outcome

A clearer way to explore, ready to be tested

The final concept gives promotions less prominence and introduces two ways to explore Eurobank’s services: by product or by need. The homepage and navigation follow the same structure across desktop and mobile.

The design has not yet been tested with participants. My next step would be to ask people to find a suitable account and locate how to become a customer, then observe where they hesitate. Those sessions would show me what needs to change.