Fluently - Desktop language courses app
I've created three empty state pages for an educational platform for language learning - Fluency.
Design Choices Rationale:
- Color Scheme: I choose vibrant and engaging colors that evoke a sense of excitement and learning. A split complementary color scheme makes an impact without being too flashy.
- Consistent Branding: The use of consistent colors, typography, and illustration styles helps create a visually appealing and recognizable brand identity.
- Illustrations: The pages have illustrations, that make them visually more attractive. Using a cartoon style for them adds a playful and engaging element, which can be particularly effective for an educational platform aimed at language learning.
- Motivating CTAs: The color of the CTA button is orange to draw the user's attention and encourage action.
- Design: The aesthetic and minimalist design of the interface doesn't contain irrelevant information or elements that don't add value. The toolbar on the left provides easy access to the functions the user needs.
- Active negative space: (1 & 3 page) added space around illustrations draws attention to them. It builds up a strong visual hierarchy, which helps users understand the message much faster.
- Passive negative space: (2 page) Added a consistent margin between blocks with languages makes the content easy to follow and scan.
- User Engagement: to avoid user frustration links to popular content and suggestions of popular language categories were added. Every element on the empty page helps the user.
- Design Accessibility: the text's type, size, weight, and style are chosen to meet the requirements within the WCAG 2.0 contrast ratio requirements and legibility for users with visual impairments.
From brief
Topics
Share
Reviews
2 reviews
Nicely done, Oresta! 🎉 I like how you’ve thought through color psychology, accessibility, and the balance of active/passive negative space — that shows strong attention to detail. The illustrations and vibrant palette really help set a playful, inviting tone for language learning. One small improvement could be in the UX copy: shifting subheadings into more action-oriented phrasing (e.g., “Start by choosing your first language”) would guide users more directly. Also, consider whether the CTA should appear right at the empty state or only once the user selects an option, so the flow feels tighter. Overall, very thoughtful work with a clear rationale — keep going! 🚀
Hi Oresta!
Great work and great use of illustrations! I think your design for the empty state page does a good job of directing the user towards the next step of picking a language to learn.
What I would suggest for improving the design would be:
- Your subheading "What language do you want to study?" would work better as an active sentence directing the user towards an action. For example "Get started by choosing a language".
- The button might work better on your language selection screen as it solidifies the language selection to the user - I saw this page in your Figma link, great work by the way! On the empty state page, you may want to consider how you want to direct the user towards the page with all available languages.
- I very much recommend the UX Writing course as a resource for both points of the feedback above :)
Overall well done!
Continue designing and learning!
You might also like

Sojo NFT Marketplace

Heuristic Evaluation of Revolut Mobile App

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)

From Idea to Full-Stack Web App

Docto
