Blip - Esport app design (Light & Dark UI)

Bonjour, comrades! Today I present the case of Blip - an esports hub app for gamers where you can check esports news, learn about upcoming tournaments, and watch live matches.

The challenge was to create a light version of an app that users didn’t really like. Gamers are a picky bunch - they usually prefer dark mode. But the problem was that Blip only had a light version. It was informative, but it didn’t feel like an app for a gaming audience, despite its bright colors and gradients.

With a flick of the wrist, I added a theme switcher to the profile settings so users can switch to dark mode - and it didn’t cost developers anything. Essentially, everything stayed the same on the front end; now it just looks much cooler, and gamers’ eyes aren’t strained anymore.

A few words about the actual app. For this challenge, I created three screens (though there are more).

The Home screen shows current matches, tournaments, and a news feed. At the top, there are filters where you can choose the game you’re interested in.

The Matches screen displays current, upcoming, and recently finished games. If you selected a filter on the Home screen, it will show only matches for that particular game. If a game is live, the app displays the current score.

The third screen (Match screen) provides detailed match information. The screen becomes more expanded, you can check some stats about the teams and also watch the game via live stream.

That’s basically it. I made several small iterations, so there may be minor bugs, but the general idea is there.

Thanks for reading!