Codify - Empty State Design
I've designed this empty state design for an app called "CODIFY" where the users earn points for completing coding quizzes and challenges.
Reviews
2 reviews
It looks good that you've provided guidance on the screen and a button for the primary action that users can take. This helps them understand their next steps.
Here are a few ideas to make the design even more intuitive:
- Page Title: Consider using a title that clearly conveys the message, such as "No Challenges Yet" or "Start New Challenge." This might enhance clarity.
- Copy Tone: Words like "Oops" can sometimes confuse users, as they may imply an error. Aim for words that evoke positive emotions and encourage users to take action.
- Navigation Icons: Ensure the icons are of uniform proportions, and consider slightly increasing the size of the supporting text.
You've done a great job with the visuals (illustration, color palette, typography). Providing an action button is also a great practice. And I have a few more suggestions to make the design even better:
- Overall white space can be adjusted - the padding around the text for example.
- Icons - the icons currently seem to have different styles, some have rounded corners other have square corners. It's best to keep a consistent style for each icon set.
- In my opinion, the body text being left aligned doesn't work too well here. The title is the same length as the button and you can't tell if it is centered or left aligned, so it looks confusing with the body text being left aligned.
- The copy text can also be improved - aim for simple, clear and short text.
But well done!
8 Claps
Average 4.0 by 2 people
You might also like
Project
Sneak
I designed a responsive desktop checkout page for Sneak, a modern sneaker e-commerce platform. The design focuses on reducing cart abandonme
Project
Heuristic Evaluation - Booking.com
OverviewI examined Booking.com's desktop web site to find usability problems that could affect the hotel booking experience. Using Nielsen's
Project
User persona for TikTok
RationalePlatform & DevicePlatform: TikTok Device: Android Market: Brasil. Project PreparationThe project began with the systematic organiz
Project
Empathy Map - Revolut
OverviewI analysed Revolut's mobile app platform to understand user pain points and create actionable insights for improving the digital ban
![UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]](https://users-content.uxcel.com/451aa544-1b86-419f-9120-5a6ac83f023f/briefs/universaltaxprofessionals-website-revamp-informational-website-thubmnail-8090-1756604786988.jpeg)
Project
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
Universal Tax Professionals (often abbreviated as UTP) is a U.S.-based tax and accounting firm that specializes in assisting American citize
Project
Satori Reader-Dark & Light Mode Empty State Pages
Satori Reader is a reading focused learning app for intermediate Japanese learners, despite their many offerings and huge library their bran
Content Strategy Courses
Course
UX Writing
Learn to write microcopy that communicates clearly and concisely to improve user experience, build trust, and boost conversions across digital products.
Course
Common Design Patterns
Learn design patterns most valued in product development to create intuitive, visually compelling experiences that seamlessly blend form and function.
Course
Reducing User Churn
Learn strategies to reduce churn and build long-term user relationships, which is crucial for improving retention and driving sustainable business growth.