Accessible Banking
Website

Role: UX & Web Designer | Accessibility & Interaction Design

During the Google UX Design Course I designed and launched a fully functional accessible banking website focused on clarity, trust, and inclusion. I built a responsive experience for users of all ages, abilities, and levels of digital literacy, prioritizing WCAG 2.1 AA compliance, intuitive task flows, and performance on mobile.

View Site

An accessible, responsive banking website designed for clarity, trust, and speed.

Accessibile Homepage

The Unity Trust Bank homepage was designed with accessibility at its core, using high-contrast colors, scalable typography, and intuitive spacing to ensure legibility for all users. The simple navigation bar and clearly labeled links support screen readers and keyboard navigation, creating an inclusive and frustration-free browsing experience.

Accessible Login Interface

The login screen was designed for clarity and ease of use, featuring large input fields, descriptive labels, and strong color contrast. Keyboard navigation and ARIA tags ensure that screen readers can accurately convey instructions, while simple recovery links support users of all digital experience levels.

Inclusive Design and Readability

This section was created to prioritize readability through clean typography, generous spacing, and strong color contrast. The dual-column layout supports visual balance and screen reader flow, while consistent heading structures help users navigate the content easily regardless of device or ability. I used AI to generate realistic photos and create more of a branded appearance.

Accessible Layout for Financial Literacy

This section was structured to combine imagery and text in a balanced, responsive layout that remains legible across all devices. The contrast between background and text improves readability, while alternative text descriptions ensure users with visual impairments can understand both the imagery and message through assistive technology.

Results Overview

The redesigned Unity Trust Bank website achieved measurable improvements in accessibility, performance, and usability. By implementing WCAG 2.1 AA standards, users of all abilities can now navigate the platform with ease. Optimized code and responsive layouts reduced mobile load times to under two seconds, improving retention for on-the-go users. Through iterative testing and feedback, task success rates increased significantly, confirming that the new experience is both inclusive and efficient for all visitors.

User Research & Information Architecture

This image showcases the user research process behind the Unity Trust Bank redesign. Through interviews and task walkthroughs with users of varying ages and digital literacy, key insights shaped the site’s structure and flow. Personas, sitemaps, and journey mapping guided the development of a simplified navigation system, making online banking intuitive, efficient, and inclusive for all users.

Accessible Design System – Unity Trust Bank

This design system was developed to ensure consistency, scalability, and accessibility across all digital touchpoints. The system includes responsive typography with a minimum 16px base and clear visual hierarchy, color tokens meeting WCAG 2.1 AA contrast standards, and component variations for different interaction states. Each element, from buttons and form fields to cards and navigation was built with inclusivity in mind.

Interactive Prototypes & High-Fidelity Wireframes

This image highlights the refined interface design for the Unity Trust Bank website. Each prototype was built with clear visual hierarchy, accessible contrast, and responsive layouts to ensure seamless use across all devices. Interactive elements such as navigation menus, login modals, and form fields were tested for usability, creating a cohesive and inclusive digital banking experience.