EntertainHub App (Dark / Light Mode)
Tools used
From brief
Topics
Share
Reviews
8 reviews
Excellent work, Anastasia! Light mode first, then dark mode is exactly right. Your accessibility-first mindset is impressive. Here's my feedback:
Strengths:
- Methodical approach: Light mode establishes hierarchy, spacing, structure
- Accessibility: WCAG contrast ratios documented; deep neutrals reduce eye fatigue
- Color strategy: Red accent maintains visibility. Hierarchy preserved through muted text
- Clear documentation: You explain your thinking
- Streaming UI patterns: Familiar and intuitive
- Strong presentation: 33 claps, 4.7 average rating
Critical Gaps (Flagged by Mentors):
- Theme Toggle Discoverability — Top-right toggle is subtle, no label/tooltip. Add a label or consider a more visible placement.
- Inconsistent Patterns — "Award Winning" section has two different presentations (badge vs text). Unify these.
- Missing Player Controls — Lacks basic controls (10s skip, subtitles). These are table stakes for streaming. Show these states.
- Incomplete Accessibility Testing — Show contrast ratios, but what about focus states and touch targets (44px minimum)? Document these.
- Limited Scope — Only main screens shown. What about loading, errors, and empty states? Full flows strengthen case studies.
Key Questions:
- Theme switching performance impact?
- Brand consistency across modes?
- User testing results? Light or dark preference?
Overall: Strong fundamentals and accessibility awareness. Refine: improve toggle visibility, unify patterns, add player controls, and expand scope.
Next: Fix toggle, unify patterns, add controls, document accessibility testing. You're at 80% of an excellent case study.
Hi Anastasia again 👋
Nice project. You can see thoughtful approach to hierarchy and consistency between modes. Good call starting with light mode as a base, it really does make it easier to control spacing and structure.
I found a few things to consider:
- the theme toggle in the top right corner is subtle, but might be hard to discover for new users (there's no label or tooltip) but its detail.
- in the "Award Winning" section you have two different presentation patterns (badge "5 Oscars" vs "Best Picture") worth unifying.
- the player screen is very minimalist, which is fine, but I'm missing basic controls like 10s skip or subtitles.
Regarding WCAG nice that you're showing contrast ratios, but have you also tested focus states and touch targets? With 44px minimum for mobile, it's worth including in the documentation.
Overall solid work with good understanding of streaming UI patterns. Minor inconsistencies are easy to fix, and the foundation is strong. 💪 With this approach to accessibility and color documentation you're on the right track! ❤️👏
You’ve done a strong job structuring and articulating your project presentation. I particularly appreciate the way you’ve thoughtfully integrated accessibility considerations and clearly communicated your design approach. The narrative reflects intentional decision-making and demonstrates a solid understanding of inclusive UX principles.
Overall, this is a clean and well-executed theme adaptation project. From a UI perspective, the hierarchy is strong, CTAs are clearly emphasized, and the transition from light to dark mode feels consistent rather than visually reinterpreted. The red accent maintains brand continuity across both themes, which is a good strategic decision.
From a UX standpoint, placing the theme toggle in the top app bar is intuitive and discoverable. The layout remains familiar to common streaming patterns, which reduces cognitive load. The WCAG contrast documentation and touch target considerations show thoughtful accessibility awareness.
To elevate it further:
- Show more behavioral depth - for example, how theme preference persists (system default vs. manual override) and what happens on first launch.
- Demonstrate interaction states more clearly (pressed, loading, disabled, focus states) instead of just static screens.
- Consider briefly explaining why specific dark tones were chosen over pure black beyond “reducing eye strain”, tying this to user research or usability testing would strengthen the case study.
Overall, strong visual consistency and a solid accessibility foundation with more interaction storytelling, this would feel even more complete as a UX case study.
Hey Anastasia,
You did a really nice job writing up your project presentation. I especially like that you included accessibility in your explanation and took the time to clearly describe your approach. It gives a lot of context to your design decisions and makes the work feel thoughtful and well grounded.
Incredible work, Anastasia. I loved the way you presented the project and transformed the components. The dark mode is very well structured, with clear, recognizable, and accessible colors. Congratulations!
Hello, Anastasia!
Nice work on this case study! Your design approach is clear and well-organized. I really like how you documented the dark mode implementation - the color choices follow WCAG guidelines properly, and using deep neutral tones instead of pure black shows good understanding.
The theme switching placement makes sense, and your accessibility considerations are solid. You clearly thought about hierarchy and user flow.
For next time, try to include some insights from user testing or research. It would make your case even stronger to show how you validated these decisions.
Overall, this demonstrates good UX and thoughtful decision-making.
Hi Anastasia. Well done. Great job for your work. You crafted all into the good presentation. Waiting for your next great job.
You might also like

SONZ - Entertainment platform

Camp & Travel Explorer - App Design

Solar system Dashboard Utility

Signup page for a SaaS website
Uxcel Halloween Icon Pack
































