<?xml version="1.0" encoding="utf-8"?>

Tools used

Figma
Adobe Photoshop

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

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):

  1. Theme Toggle Discoverability — Top-right toggle is subtle, no label/tooltip. Add a label or consider a more visible placement.
  2. Inconsistent Patterns — "Award Winning" section has two different presentations (badge vs text). Unify these.
  3. Missing Player Controls — Lacks basic controls (10s skip, subtitles). These are table stakes for streaming. Show these states.
  4. Incomplete Accessibility Testing — Show contrast ratios, but what about focus states and touch targets (44px minimum)? Document these.
  5. 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.

Thank you so much for the thoughtful and structured feedback 🙌 I truly appreciate the depth of your review. Just to clarify — some of the flagged points were already addressed in later iterations: • The 10s skip control was added to the player states (it may not be visible in the uploaded slides, but it exists in the updated file). • The “Award Winning” label is unified — it’s the same badge component reused consistently. The “Themes” badge is a separate component used specifically for switching between light and dark modes. That said, I agree that the theme toggle could be more discoverable, and the case study would benefit from expanded loading/error states and deeper accessibility validation (focus states, touch targets). I also appreciate the note about documenting performance impact and user testing insights — I’ll strengthen that section. Thanks again for pushing this toward excellence 💛

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! ❤️👏

Hi again 👋 As always, I appreciate your comments. Thanks a lot ❤️👏

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.

Hi👋 Thank you, I added some screens and changes❤️👏
(edited)

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.

Thank you for your feedback. It gives me more confidence that I’m on the right track 👏

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!

Thanks a lot 👏

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, Iryna 👋 Thank you for your advice. I really appreciate👏 I think it`s good poit about insights from user testing or research💪❤️

Hi Anastasia. Well done. Great job for your work. You crafted all into the good presentation. Waiting for your next great job.

thanks a lot❤️👏

41 Claps
Average 4.6 by 9 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>