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

This 404 error page was designed to align with the unique identity of Astro Flats, a conceptual hotel on the Moon. The UX approach focuses on turning a negative experience into a delightful one through engaging visuals and clear functionality. The playful message “Looks like you’re lost in space” creates an emotional connection with users, while the astronaut illustration and space-themed design reinforce the brand story.

The interface maintains high usability with a bold, clearly visible "Go back" button, ensuring users can easily navigate away from the error state. The dark space background contrasts well with the text and interactive elements, enhancing readability and accessibility. Overall, the page effectively combines creativity with function—strengthening brand identity, reducing user frustration, and maintaining smooth navigation even in unexpected situations.

Tools used

Figma

Topics

Share

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

Reviews

5 reviews


Thanks for sub, Julia!

Your error page is clean and beautifully arranged. To mention also, I love the gradient!

Great job!


Haha such a funny illustration. Great job!


Great design Julia, this is on-brand and well done 👏


Wow, this is a really solid 404 page! The illustration is cute and works well with the theme—it immediately communicates the “lost in space” message while staying fun and on-brand.

One thing I’d suggest tweaking is the bright blue color used on the planet. Right now, it draws a lot of visual attention—more than the red “Go back” button, which should ideally be the primary focal point since it's the key action users are expected to take. The blue also feels slightly disconnected from the rest of the palette, which is otherwise really cohesive and space-themed.

Try using a more muted or slightly darker shade of blue that blends better with the background, or even adjust the saturation so that it doesn’t overpower the button. This small color balance adjustment will help guide the user’s eye more intuitively toward the action, keeping the visual hierarchy clear and maintaining the overall flow of the page.


The illustration and overall design is great!


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