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

Oops! Something’s gone missing — and it’s not just your page.

Welcome to our 404 zone, where even socks go AWOL.

This quirky orange sock is out on a mission to find what’s lost — just like the page you were looking for.

We combined humor, relatability, and a dash of nostalgia to soften the frustration of a broken link.

The playful visual grabs attention, while the copy keeps the mood light and human.

Because if you’re going to land on an error, it might as well make you smile.

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

Reviews

7 reviews


Such a fun 404 page for sites whose identity is quirky & funny


Hi (again)! 👋

Thanks for sharing your creative 404 page—love the personality you’ve infused into what’s normally a frustrating moment. Here’s some feedback on what’s working and where you might tighten things up:

What’s Working Well:

  • Tone & Copy: Your playful copy instantly disarms frustration. The sock metaphor is memorable and taps into universal “lost sock” nostalgia.
  • Illustration & Visual Appeal: The orange sock illustration inside the zero from the “404” is eye-catching.
  • Emotional Connection: By making users smile during an error, you both humanise the brand and reduce bounce risk.

Suggestions:

  • Consider adding a clear call-to-action below the illustration (e.g., “Return Home,” “Visit Dashboard,” or a search bar). This guides users back into the product flow immediately.
  • Ensure the copy and buttons have sufficient contrast against the gradient background (WCAG AA for normal text).
  • On narrow screens, the large “404” and sock graphic may dominate too much real estate. Test it to make sure.
  • A subtle hover or a funny jiggle animation on the sock could deepen engagement and reinforce the idea of “searching.”

This is a charming, well-executed error page that turns a dead end into a delightful moment.

Great work again! 🧦


Great job! 404 pages are a really creative space where you can have fun with the design. I really like your idea for this. The only thing I would possibly consider is making the "404" a tad bit smaller - the header on top "Page not found" is a bit too close to the nabber making it appear uncomfortably squished, while the 404 is very large and on a desktop device might appear a tad bit too large. Also on a side note, when you work on navbars, consider making them a bit less tall as they can easily take up too much valuable screen real estate. Other than that, fabulous job!


Very creative


Hi Maham,

Your page is funny, and I can tell you are great with words.

A few suggestions to make your project stronger:

Nothing in your design tells me this error page is from a banking or financial site, which was part of the assignment.

While the user might laugh, perhaps there are ways in which you could help them? What are some things you could do to help a user on a banking site if they land on an error page?

I'm sure you can come up with creating ideas to sort it out!


Perfect


I like this page 👌


Love it, I had a very good laugh. Makes the user feel calm and that the break is not necessarily a big deal


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