mBank 404 Error Page Design

For this project, I chose mBank, a digital-first financial institution known for its innovation and strong connection with younger generations in Poland. I designed a mobile version only, considering the mobile-centric behavior of mBank’s target audience.

Concept & Rationale

The page delivers a clear, respectful, and friendly message that balances professionalism with a human touch – in line with the brand voice of a modern financial institution.

• Headline: “404” with a playful yet familiar visual – a dolphin illustration in mBank’s brand colors. Although no longer actively used, the dolphin remains a recognizable and nostalgic symbol associated with mBank’s early days and debit cards.
• Message: A concise apology:

“Sorry, we couldn’t find that page.”

This communicates the issue directly while maintaining a helpful tone.

• Search bar placeholder:

“Search mBank...”

A short, intuitive prompt that invites the user to resolve the issue without frustration.

• Primary action:

Go to homepage

Clear and actionable, this ensures users can quickly return to a safe starting point.

Design Goals

• Functionality: The page is not a dead end – it provides solutions via search and redirection.
• Visual appeal: Clean layout, bold typography, and use of color aligned with mBank’s visual identity.
• Tone of voice: Approachable and supportive, yet professional – reflecting the values of a trusted fintech brand.
• Mobile-first approach: Optimized for mobile screens with touch-friendly components and clear hierarchy.

This 404 page not only acknowledges an error but also guides users with empathy and brand consistency – turning a potential frustration into a seamless recovery path.