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

This is 1 of the first empty spaces I am currently working on. In my design process I went with the color orange because it associates with Engineering. To keep user’s engaged, I added playful titles to the lessons and used a 16px for the typography. For the cards and buttons I focused on consistency by making sure the radius is the same size throughout the whole layout to make it feel reliable.

Empty Space / Course collection 1

To ease the tension form an error 404 pop up; I added a playful twist on wordplay and have the options for “help” to make recovering less stressful. I added the Home page CTA to so that user’s can move on from this page by going “Home” or allowing them to contact a support team if problems persist. The CTA button also has the same radius as the other buttons in the previous page to stay consistent with the layout design so that user’s can feel comfortable enough to rely on this website.

Tools used

Figma

From brief

Topics

Share

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

Reviews

2 reviews


Hi Krishael 👋 I like the consistency you kept with button radius and the playful tone — it adds friendliness to the empty states. One suggestion would be to refine contrast for better readability and maybe simplify typography to strengthen cohesion. Adding a clear CTA/subtitle could also guide users more smoothly. Great start, keep it up!


Hey Krishael, first off, great job completing the design brief!

I really appreciate the effort you’ve put into selecting a base color—it sets a nice tone for the design. However, I’d recommend double-checking the contrast between the orange background and white text, as it might be challenging to read in certain areas. Ensuring strong contrast will improve accessibility and readability.

Regarding the typefaces, consider reducing the variety used to create a more cohesive and unified look and feel across the design. Simplifying the typography can help establish a stronger visual identity.

Lastly, for the first empty state, it might be helpful to include a subtitle or a call-to-action to guide users on their next steps. This small addition could make the interface more intuitive and engaging.

Great work overall—I’m excited to see how these refinements can take your design even further!


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