<?xml version="1.0" encoding="utf-8"?>
Open full project

This 404-error page is designed for YourBank, a financial platform, to provide a user-friendly experience when users land on a non-existent page. The goal is to minimize frustration, maintain trust, and guide users toward helpful resources.

Headline: "Oops! Page Not Found" – A casual and approachable tone helps soften the frustration of encountering an error.

Message: "Looks like you've landed on a missing page, but your finances are safe." – This reassures users that their sensitive financial information remains secure, reinforcing trust in the platform.

To help users recover quickly, the page includes two clear call-to-action (CTA) buttons:

  • "Return to Dashboard" (Primary CTA) – Redirects users to their main banking interface, allowing them to resume their tasks.
  • "Visit Help Center" (Secondary CTA) – Guides users to support resources in case they need assistance.

The primary CTA ("Return to Dashboard") is emphasized with a prominent button style, ensuring users can easily find their way back.

The secondary CTA ("Visit Help Center") is visually distinct but less dominant, preventing distraction while still being accessible.

Branding Elements: The design maintains consistency with YourBank’s color scheme, typography, and UI components to reinforce credibility and familiarity.

Minimalistic Layout: Reduces cognitive load, ensuring users focus on key actions rather than unnecessary distractions.

This 404-error page design ensures a seamless user experience by reducing frustration, reinforcing trust, and providing clear navigation paths. By balancing a friendly tone, strong CTAs, and a clean UI, it aligns with financial UX best practices and maintains user confidence.

Tools used

Figma

From brief

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Good job, Stefan!

I like that you used a friendly tone, softening the frustration. The message that "your finances are safe" is a great addition to a banking platform, as it prevents users from panicking about security concerns.

One thing I'd suggest to improve is the primary CTA label. The "Return to Dashboard" CTA is useful but might not be the most relevant action for all users. Consider a CTA like "Go to Homepage" or "View Our Products" for better user flow. Also, right now, we just tell users the page isn’t found, but we could add a line about why—maybe a mistyped URL or a moved page. A search bar might also help users quickly find what they were originally looking for.

Again, overall great job! Just a few tweaks, and I think it’ll guide users even more smoothly while keeping the reassuring, professional tone intact.

Thank you for your thoughtful feedback Oksana! I’m glad you found the friendly tone effective and appreciated the reassurance about financial security—it was important to create a sense of trust for users. Your point about the primary CTA is a great one. “Return to Dashboard” might not be the best option for all users, so I’ll explore alternatives like “Go to Homepage” or “View Our Products” to improve navigation. I also really like your suggestion to provide more context on why the page isn’t found. Adding a brief explanation about possible reasons (like a mistyped URL or a moved page) makes a lot of sense. A search bar is an excellent idea as well—it would give users a direct way to find what they need instead of hitting a dead end. I’ll work on implementing these tweaks. Thanks again for the great insights!

Great job Stefan,

I suggest lightening your body text to ensure good contrast. You might also consider shrinking your CTAs, for example, using "Help Center" instead of "Visit Help Center." Additionally, I think it would be beneficial to try a related illustration on the Not Found page as well.

Thank you Mehrdad! I really appreciate your feedback. I'll adjust the body text for better contrast and explore a more concise CTA. The page illustration is a great idea—I’ll try out some options to enhance the experience. Let me know if you have any other thoughts!

10 Claps
Average 3.3 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>