A macbook pro sits on a gray surface. The screen shows a bank website with the text "from here, possibilities are everywhere" over a night city view with blue fireworks. The site has menu items for online banking, corporate & investment, and wealth & retail. The silver laptop presents the website in a business setting.
A macbook pro sits on a gray surface. The screen shows a bank website with the text "from here, possibilities are everywhere" over a night city view with blue fireworks. The site has menu items for online banking, corporate & investment, and wealth & retail. The silver laptop presents the website in a business setting.

Luxoft Poland

Corporate bank website

Corporate Banking: Designing a User-Centric, Scalable Website

2024

When I first looked at this project, I knew we were facing an interesting challenge: taking a basic design system and transforming it into something that could handle the complex needs of a corporate bank.

SERVICES

User Interface Design, User Experience Design, Conducting User Research, Collaborating with Stakeholders

A MacBook Pro sits on a white surface. The screen shows a company's location page with a clean layout. The page header "Our locations" includes text about finding nearby offices. The site has a simple menu with sections for banking services, investments, and company info. Natural light casts a shadow across the minimal setup.
A MacBook Pro sits on a white surface. The screen shows a company's location page with a clean layout. The page header "Our locations" includes text about finding nearby offices. The site has a simple menu with sections for banking services, investments, and company info. Natural light casts a shadow across the minimal setup.
A MacBook Pro sits on a white surface. The screen shows a company's location page with a clean layout. The page header "Our locations" includes text about finding nearby offices. The site has a simple menu with sections for banking services, investments, and company info. Natural light casts a shadow across the minimal setup.
MacBook Pro on gray marble surface showing a financial website. Screen displays investor relations page with quarterly results for 2024. Website has clean navigation menu including Straight2Bank, Corporate & Investment, and Wealth & Retail sections. Natural shadows fall across the scene.
MacBook Pro on gray marble surface showing a financial website. Screen displays investor relations page with quarterly results for 2024. Website has clean navigation menu including Straight2Bank, Corporate & Investment, and Wealth & Retail sections. Natural shadows fall across the scene.
MacBook Pro on gray marble surface showing a financial website. Screen displays investor relations page with quarterly results for 2024. Website has clean navigation menu including Straight2Bank, Corporate & Investment, and Wealth & Retail sections. Natural shadows fall across the scene.

Project Overview

This wasn't just about making things look pretty. The bank needed a website that could grow with them, handle different types of content, and most importantly, make sense to their users. I spent a lot of time thinking about how different people would use the site – some might be checking quick financial updates, others diving deep into corporate documentation.

I worked on creating a user-centric, scalable website for a corporate bank by expanding the design system and enhancing the user experience.

Approach

My approach involved using user research to inform changes to the design system, collaborating with stakeholders, and refining the design based on feedback to create a user-centered website

Process

I believe in creating designs that actually solve problems, not just look good. So I started by: 1. Understanding the Users • Conducted in-depth interviews with both junior and senior employees • Mapped out different user journeys • Identified pain points in the existing system 2. Building the Design System • Created flexible, reusable components • Developed a modular system that could adapt to different content types • Ensured consistency across all pages while allowing for customization 3. Collaboration & Implementation • Worked closely with WordPress developers to ensure feasibility • Regular check-ins with stakeholders to gather feedback • Iterative improvements based on user testing

My design philosophy focuses on creating user-friendly experiences. By utilizing a flexible, modular design system, I aimed to meet diverse needs and ensure scalability.

Final Design

Enhanced User Experience

Enhanced User Experience

Expanded the Design System

Expanded the Design System

Conducted User Research

Conducted User Research

Ensured Technical Feasibility

Ensured Technical Feasibility

The final designs enhanced the modular and flexible visual system, improving user experience and ensuring scalability across all site sections.

The corporate banking website now offers an intuitive user experience. Using the flexible design system, we accommodated diverse content needs. Thorough user research aligned the design with user preferences and accessibility standards. Collaborating with developers ensured all changes were feasible and efficiently implemented.

Product Images

Macbook Pro on gray concrete ledge showing locations page of bank website. Screen displays navigation menu and location tabs for global regions. Laptop sits in minimal setting with dramatic light and shadow.
Macbook Pro on gray surface showing bank website homepage. Screen displays night cityscape with fireworks and navigation menu. Simple white laptop at an angle creates sharp shadows.
Macbook Pro on gray surface showing bank website homepage. Screen displays night cityscape with fireworks and navigation menu. Simple white laptop at an angle creates sharp shadows.
Macbook Pro on gray surface showing bank website homepage. Screen displays night cityscape with fireworks and navigation menu. Simple white laptop at an angle creates sharp shadows.
Macbook Pro laptop floating above geometric gray concrete steps, displaying a bank's locations page. The screen shows 'Our locations' heading with descriptive text. The minimalist setting creates dramatic shadows and highlights on the stepped surface.
Macbook Pro laptop floating above geometric gray concrete steps, displaying a bank's locations page. The screen shows 'Our locations' heading with descriptive text. The minimalist setting creates dramatic shadows and highlights on the stepped surface.
Macbook Pro laptop floating above geometric gray concrete steps, displaying a bank's locations page. The screen shows 'Our locations' heading with descriptive text. The minimalist setting creates dramatic shadows and highlights on the stepped surface.
A macbook pro sits on a gray surface. The screen shows a bank website with the text "from here, possibilities are everywhere" over a night city view with blue fireworks. The site has menu items for online banking, corporate & investment, and wealth & retail. The silver laptop presents the website in a business setting.

Achievements

My team and I improved the user experience by updating the design system, making the interface more engaging and user-friendly. The flexible design system and teamwork with developers allowed for efficient implementation and scaling. Client satisfaction increased due to better visuals and smooth navigation, highlighting the success of our design strategies and collaboration.