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

This design presents a business approach to a 404 error page, transforming a typically frustrating experience into an opportunity for user engagement and business promotion.

Details:

  • Color Scheme: The use of soft pastel colors combined with vibrant accents (like the voucher) creates a visually appealing interface that draws attention without overwhelming the user.
  • Message: The headline, "Now you're on the 404 page," is friendly and conversational, immediately acknowledging the error while maintaining a light-hearted tone.
  • Voucher Offer: The central feature is a prominent voucher graphic offering a 50% discount. This not only incentivizes users to stay on the site but also encourages them to explore products or services they might not have considered otherwise.
  • Call to Action: The "Claim Voucher" button is placed to guide users towards taking immediate action, effectively turning a negative experience into a positive one.
  • Search Functionality: The inclusion of a search bar allows users to quickly find what they were looking for, minimizing frustration and enhancing usability.
  • Footer Links: The footer contains essential links to product features, company information, and social media, ensuring users have easy access to navigate the site further.
  • Newsletter Signup: The invitation to join the newsletter is subtly integrated, allowing users to stay connected without being intrusive.

Tools used

Figma

Topics

Share

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

Reviews

1 review


Hey Muammar, great idea and well-crafted design! I only have some suggestions below:

  1. I think the name of the website is very essential so that the user know exactly if he/she is on correct site
  2. It's the first time I see the 404 page so attractive because of the gifted voucher. However, does it encourage the user to "find" the 404 page more. In another hand, if the voucher is such easy to get, does it really valuable as a gift? That's just a matter of feeling.
  3. I wonder where will the "claim voucher" lead to, as the user already see the code and can easily capture the screen.

Congrats on the showcase and I look forward to hearing opinion from you.


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