UI / UX

VALORANT Manga Viewer

THE CHALLENGE

The VALORANT E-Sports team tasked us with building a web experience to digitally launch their first ever manga release, and build hype and interest in upcoming e-sports competitions in Tokyo, Japan.

DESIGN SOLVE

Riot wanted a simple landing page for visitors to download the manga—but with all eyes from the global Esports community trained on Tokyo, we knew we needed to go for gold. Our team delivered a sleek, user-friendly responsive web experience that didn't sacrifice on premium UI.

Following initial research and thorough exploration of existing  digital comic reading experiences, we worked with Riot to identify KPIs and experience priorities. Armed with this information we created an interactive manga viewer with all the fit and finish VALORANT players come to expect. True to the manga experience, the viewer reads from right to left, with considered UI features to help less familiar visitors navigate the story. And during the tournament, a special alert notified readers when competitions were live so that they could join a stream in real-time.

UI / UX

AGENCY: Thinkingbox

CREATIVE DIRECTION: Kal Nguyen

DEVELOPMENT: Luke Jensen, Saugat Malla

ILLUSTRATION: Shotopop

STORY: VALORANT (Riot Games)