Page 404 - piggybank

Context and objective

The goal was to design a 404 error page for Piggybank, a finance-focused platform with a friendly and accessible brand identity. Rather than delivering a cold error message, this page aims to provide guidance, maintain user trust, and create a moment of delight—even in the face of frustration.

Key design decisions

Friendly illustration

The central visual element is a floating pig astronaut, which is not only playful but also Piggybank’s representative icon. As the mascot of the brand, it reinforces visual identity while creating an emotional connection with the user. Its "lost in space" pose supports the metaphor of being lost (on a wrong or broken link), softening the negative experience and turning it into a moment of charm.

Clear and empathetic messaging

The headline "Lost in space?" uses light-hearted language to resonate with the visual and guide the user toward action. It expresses empathy while keeping things simple and human.

Navigation to key pages

Instead of leaving users stranded, the page provides quick links to the most visited sections of the site:

• Create account
• Financial Services
• Loans

This helps users quickly regain orientation and continue their journey—reducing bounce rates and improving overall usability.

Primary CTA: “Go back home”

The pink “Go back home” button is designed to stand out, offering a clear escape route to the homepage. This CTA uses brand colors, generous padding, and a rounded shape to increase visibility and encourage clicks.

Visual cohesion

The visual tone is soft, clean, and consistent with Piggybank’s overall aesthetic. The use of space-themed elements reinforces the narrative, while whitespace and hierarchy ensure that the error message is not overwhelming. Every component was chosen to match the friendly, trustworthy image expected from a finance brand—without becoming too serious or intimidating.