Blip - Esport app design (Light & Dark UI)

Congrats on the dark mode, Henke!

I really like the navigation in the app. It feels clickable, the shape is interesting, and overall it looks intuitive to use. Adding labels to icons is usually a good practice so users know what’s behind each one, but I wouldn’t say it’s a major issue here since people usually learn them over time.

I did notice some inconsistency in how card states are shown. On the home screen, live events don’t have a background, while on the matches screen they’re highlighted with the primary color. It’s the same type of element but presented in two different ways. Personally, I like when live events stand out, but it might be worth double-checking the text contrast on that background.

Regarding the dark mode itself, I’m curious whether you used variables or mapped the colors manually. A nice next step could be introducing design tokens and showing your color palette with names. It would help strengthen the story behind your color system and process.

The dark mode background gradients look awesome, creating "immersive feeling" for a gaming app.

Great if you would check the contrast ratio of the text vs background and see if they comply with WCAG requirements.

All in all, the dark mode you design is beautiful.

Great job!

This looks really good! Very clean and modern UI and the dark mode version looks very professionally done.

Personally I would have liked to see a bit more of the process in the case study (any research you did, ideation, design rationale, etc.) and I have a bit of concern for accessibility with some of the text (the white on pink looks a bit jarring at times and some of the text is thin / hard to read).

Keep up the good work!

I see you've tackled an interesting challenge - adding dark mode to an esports app. The project looks really solid visually, especially the dark version has that "gaming" vibe that was missing in the original.

I agree with Mindy about readability. White text on pink background is indeed problematic in places (especially visible on match cards). It's worth checking the contrast according to WCAG to make sure everything's okay.

I have a similar concern as Mindy. I'm missing some context about the process. How do we know users didn't like the light mode? Were there any research, data, or is this an assumption from the brief? This would give the whole story more credibility. I'd also understand better why dark mode specifically was the solution.

Design-wise, I see consistency and attention to detail - the "Live" status, score formatting, colorful team form indicators. It all works. The theme switcher is a simple but effective move. I think with improved contrasts and added process details, the case would have a really strong message. Good work! 💪❤️