Empty State Design for Education App

Design Brief: Empty State Design for Education App

I have created 5 screens of empty states for the education app.

Choice of Color:

I have used Blue (#AADDFA) as the brand color. I used this color to calm the mind of the learner as blue color is known to have a soothing effect. Learning can sometimes become a stressful process, so using blue will balance the emotions and help the user to study peacefully.

Choice of Typeface:

I have used the Typeface named Sora for designing the screens. Sora, being designed using clear and legible letterforms, makes it easy to read the text in different font sizes. It also gives a modern and professional look. Being an open-source font, Sora is freely available for both personal and commercial use. This makes it an accessible option for a wide audience without licensing restrictions.

Choice of Illustrations

I tried to create a very playful mood by using illustrations with a small boy in each of them. This helps to maintain the consistency of design and users also start connecting with the character. This prevents them from being overwhelmed.

Types of empty states covered:

1. No Course added yet
2. Bad internet connection
3. Congratulations on Module completion
4. Page not found
5. No Books added in Library

Message Copy

I have used ChatGPT to generate content for the screens. I gave a prompt based on the message I wanted, and the AI tool crafted nice messages for me.