LinguaGo - Empty state page
When I designed these empty states for LinguaGo, I focused on turning what is usually a frustrating “blank” screen into a moment of motivation and delight.
1. Why Empty States?
In a learning app, there are natural points of emptiness:
- When a user hasn’t enrolled in a course yet.
- When a user hasn’t saved any words to review.
- These moments are critical — they can either make the app feel empty and discouraging, or they can inspire the user to take action.
2. No Saved Words
For this state, I used a sleepy book illustration. It adds personality and humor, softening the sense of “nothing here.” Instead of a dead end, the design encourages users:
- Message: “Save words while learning and review them anytime here.”
- Actions: “Start a Lesson” (primary) and “How to save words?” (secondary help link).
- This gives learners both motivation and guidance.
3. No Courses Yet
This state greets new users who haven’t started a course. The goal was to reduce decision paralysis and get them moving quickly.
- Message: “Browse our courses and choose the one that fits your goals.”
- Actions: “Browse Courses” (primary) and “Take Placement Test instead” (secondary).
- Here the design focuses on forward momentum, making it easy to take the first step.
4. Shared Design System
Both screens share the same structure:
- Header & Footer navigation → keeps the user grounded in the app.
- Greeting (“Hello, Hamsa 👋”) → adds a personal, human touch.
- Illustrations → bring warmth, reduce emptiness, and align with brand personality.
- Primary & Secondary actions → clear hierarchy that balances motivation and support.
5. The Outcome
Instead of lifeless screens, the empty states became opportunities to engage. They welcome users, explain the next steps, and make the experience feel supportive, not punishing. Together, these designs show how small details (tone of voice, illustrations, layout) can transform the user experience.
✨ I imagined what it feels like to open an app, excited to learn, and see “nothing yet.” These designs try to speak to that moment with encouragement, humor, and clear direction.
Reviews
0 reviews
You might also like

Heuristic analysis

Wireframe for Video Streaming Service

Sneaker New Definition - UI Design

EV Scooter – Futuristic & Minimal UI Design

Nike Air Jordan Retro – Bold Sneaker UI Design
