Empty States - Sewing Academy
For this project, I wanted to present two empty states for an app designed to teach sewing, a skill I am currently learning alongside UI/UX Design.
Navigation : The text is positioned where the user is most likely to look first. The CTA button is placed lower, strategically under the user’s thumbs to encourage interaction.
Visual hierarchy : I chose a sans-serif font for a better readability, helping users understand information quickly. Using only one font seemed ideal, as there are no strong brand markers to differentiate. However, hierarchy is still essential and maintained through varying font sizes and weight. Color is also a great way to communicate, this is why I chose an eye-catching orange for the CTA button’s background.
Illustrations : Inspired by real photographs, I created these illustrations to highlight the app’s theme. The recommendation images are sourced from Unsplash.
Color palette : After creating a sewing moodboard, I noticed many inspirations featuring fabrics that combined orange and lilac. So I used a palette with rust, orange, lilac and purple, colors representing (partially) the creativity required for sewing.
Icons and Carousel : I incorporated the carousel and bottom app bar from Material 3 Design Kit on Figma, but customized the bottom bar icons using Streamline Solid Icons, a Figma community resource. The recommendations aim to guide users who are unsure where to begin.
I hope you enjoy this project and that I have successfully created engaging and motivating empty states for users.
Reviews
I like the general style of the application. It has some areas of improvement still. However I haven't seen other pages so my guesses might a bit off.
I guess the lower part could use the available space a bit better – cards with images could be bigger, CTA button also could have more space and attention.
But in general, lovely job. Keep going!
Hello, Elisa, I’d love it if you could share a presentation for this empty state so I can see it more clearly. As I zoomed in, I noticed that your choice of fonts, illustrations, images, and icons all feel cohesive and perfectly aligned within the same environment. I absolutely love it—great job! 😁 (Let me know if you implemented a presentation so I can edit my ratings.)
You might also like
UXCEL Challenge - Empty State Design for Education App
Tauhid Sidiq Makulau
Fashion E-Commerce Landing pge
Marin Alisa Daiana
Silvery Uz - Silver Store
ibrohim abrolov
Accessible Signup form for SaaS platform
Natalia Machnicka
Simplifying User Settings: A User-Centered Approach to Mobile App Design
Nischhal Raj Subba
Celatone
Pornthep Achatsachat