#DailyUI

Challenge #008

Prompt: 404 Page

Tools Used: Figma, Adobe Illustrator

What's inside

The OxyLabs 404 page is a creative and engaging design that uses space imagery and a countdown timer to create a sense of urgency and excitement. The page is divided into two halves, with the left side featuring an atmospheric illustration of a moon, Saturn, and an astronaut with the words "404" written on their helmet. The right side of the page features a countdown timer and the text "Ran out of oxygen. Let's get you back to the homepage."

Design Theory

The OxyLabs 404 page uses a number of design principles to create a visually appealing and effective experience. These principles include:

• Hierarchy: The page's hierarchy is clear and concise, with the most important information (the countdown timer) placed prominently at the bottom of the text.

• Contrast: The page uses a strong contrast between elements to create a sense of visual interest.

• Balance: The page is well-balanced, with the two halves of the page working together to create a cohesive design.

• Emphasis: The page uses emphasis to highlight the most important information, such as the countdown timer and the text "Ran out of oxygen. Let's get you back to the homepage."

Light and Dark Versions

The OxyLabs 404 page is available in both light and dark versions. This allows users to choose the version that best suits their preferences and environment.

Space Imagery

The OxyLabs 404 page uses space imagery to create a sense of wonder and excitement. The moon, Saturn, and astronauts all evoke images of exploration and discovery. This imagery is also used to create a sense of urgency, as the countdown timer suggests that the user is running out of time.

Countdown Timer

The countdown timer is a key element of the OxyLabs 404 page. It creates a sense of urgency and encourages users to click on the button to return to the homepage.

Text

The text on the OxyLabs 404 page is clear, concise, and informative. It tells users exactly what happened (they ran out of oxygen) and what they need to do (click on the button to return to the homepage). The text is also humorous, with the line "Ran out of oxygen? Let's get you back to the homepage." being a clever play on words.

Overall

The OxyLabs 404 page is a well-designed and engaging experience that uses space imagery, a countdown timer, and a light-hearted tone to create a memorable experience for users.

Other Details

Here are some other details about the OxyLabs 404 page design:

• The page is fully responsive, so it looks great on all devices, from desktop computers to smartphones.

• The page is accessible, with all text elements being clearly readable and all interactive elements being navigable with a keyboard.

• The page is optimized for performance, so it loads quickly and smoothly.

Let's connect ✦✦✦

Behance • LinkedIn

Let me know your thoughts in the comments.

I always love to receive feedback on my work!

Please share to help me promote my work!