Empty State Design

Branding, colors, visuals :

The empty states design that I created are for a creativity course app. I chose purple as the brand color in order to evoke a sense of creativity and calm. Different shades of this hex color (#6B4FBB) is used in all the designs, exepct for the nutral colors. For the illustrations, I found some free vector graphics on Figma. The icons I used are from the HumbleIcons collection. I also designed a dark mode versions of my two screens.

Screen "Bookmarks" :

This screen is meant to appear when the user, who clicks on the bookmark icon in the nav bar, haven't bookmarked any courses yet. It is where user can find their favorite lessons from a course.

The text emphasises that the user hasn’t bookmarked any courses yet and invites them to start new courses with the 'Discover new courses' CTA button. It's encouraging them to start learning and bookmark the ones they don't want to forget. They can also go back to where they where by clicking the left arrow icon on the top bar.

Screen "Home" :

This screen is meant to appear when the user clicks on the "Home" icon, and they haven't started any courses yet. This screen is where users will find all the courses they have started and more.

The text emphasises that the user hasn’t begun any courses yet and invites them to start exploring new courses with the 'Discover new courses' CTA button. It's encouraging them to start learning.

Also, by addressing them by name, I want to add a personal touch and build a bond of closeness and trust.