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

Clear, Polite Messaging:

  • Header Message: “Oops! Page Not Found”
  • Rationale: The primary message is short, friendly, and informative. The word “Oops!” adds a slightly informal, approachable tone while still maintaining professionalism. It immediately tells users something went wrong without being too technical or alarming.
  • Subheader Message: “It seems like the page you’re looking for doesn’t exist or has been moved. Let’s help you get back on track.”
  • Rationale: The subheader provides a more detailed explanation, reassuring users that the error is non-critical. The phrase “Let’s help you get back on track” aligns with the support-oriented voice of the fintech brand, signaling assistance rather than just stating the error.

2.2. Call to Action (CTA):

  • Primary CTA Button: “Go to Home”
  • Rationale: Users might not know where to go after landing on a 404 error page, so a primary call-to-action button guiding them back to the homepage is crucial. “Go to Home” is a clear, direct action that’s easy to understand.
  • Secondary CTA Button: “Visit Help Center”
  • Rationale: Some users may need assistance, so offering an additional link to the Help Center ensures they can access support without frustration. This button allows users to find answers to issues or reach out to the company for help.
Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


The content writing is good and the CTAs are clear to follow. I only have some suggestions:

  • The top navigation seems the repetition of the CTAs, could we omit it of use more realistic menu (ex. home, about us, products, services, contact us,...)
  • Should we reduce 1 of 2 titles that has the word "not found"?

Nice try anyway!


What Works Well:

  1. Clarity and Simplicity: The message is very clear and easy to understand, which is essential for a 404 page. Users instantly know that this is a "page not found" UI, and you offer them options to either go home or visit the Help Center.
  2. Visual Hierarchy: The page does a good job of emphasizing the "404 Not Found" message by placing it prominently and making the text bold. This immediately informs the user of the issue.
  3. Actionable Buttons: The two buttons ("Go Home" and "Visit Help Center") provide clear, actionable next steps, which help guide users effectively.

Areas for Improvement:

  1. Font Size Contrast: Improving the scale contrast between font sizes in the hierarchy could enhance readability and guide the user's eye more effectively through the content. At the moment the scale used could be improved a bit.
  2. Primary Color in Illustration: Consider reducing the intensity of the primary color used in the "404" illustration to make it less overpowering, allowing the rest of the content to stand out more.

Keep up the great work, and with a few tweaks, this will be a standout 404 page!


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