Empty State of aytugteacher.com
This website is aimed for students or people who need to learn english professionally, with gamifications and multiplayer system based game for teacher tools.
Aytug teacher tagline is Let your students leap into a universe where learning dances with fun, making every lesson a blast! When giggles and knowledge mix, students don't just learn – they light up with joy and curiosity!
Encouragement to Engage
- Motivation to Take Action: By showing an empty state with encouraging messages or visual cues, users are motivated to start learning, or engage with the learning content.
- Clear Call to Action: Including clear calls to action, we decided to make "Add a Class" as main CTA on empty state as the main principle before we could make some learning objectives is better to group them into one common aspects that covers learning into 1 entities.
Tools used
From brief
Topics
Share
Reviews
2 reviews
Great work on the “My Classes” empty state! 👏 The illustration and CTA are inviting and align well with the playful tagline. I’d recommend refining the visual hierarchy (heading → subheading → CTA) and slightly reducing the illustration size so the action stands out more. Also, double-check color contrast for accessibility. Overall, a strong start!
The "My Classes" empty state screen is visually appealing and clear, with a strong CTA. Also , The illustration of a teacher at the chalkboard adds a friendly and educational touch
Recommendations for improvement
Visual Hierarchy: Adjust the layout to create a stronger visual hierarchy, In which write "My Classes" heading , then write under the heading the subtitle " No classes added yet " . Heading color preferred to be in black color
*Note ( Order : 1- illustration 2- heading 3- subheading 4-CTA )
Accessibility: Ensure the contrast between text and background meets accessibility standards (WCAG AA). The current pink and purple gradient background might be too light for some users to read comfortably
Illustration Size: The illustration could be made slightly smaller to give more focus to the CTA button
Teddy Martadinata
You might also like
HR Management App
From Idea to Full-Stack Web App
Docto
Fundraising Website
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
NEWFASHON™ - Landing page
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn