"10.9 million minutes watched. That's 21 years."
Genshin Impact is an action role-playing game developed and published by miHoYo. The Paimon character in the game enhances the player's experience by educating and sharing information with the player.
Kablamo were asked to update and improve the Paimon character extension on Twitch, the video live streaming service — enriching the viewer's experience and delivering exclusive reward content.
The challenge
The solution needed to reflect the Genshin Impact visual experience using brand themes, UI and characters. It had to support thousands of concurrent players while integrating seamlessly with Twitch's platform.
The extension sought to provide fun and value-adding services to viewers while their streamers are playing Genshin Impact.
The Genshin Impact World
Bringing the immersive world of Genshin Impact to Twitch viewers worldwide
The approach
An overlay extension with in-stream games featuring Paimon and Slimes.
Kablamo worked with the Brand Partnership Studio to design and build the bespoke extension including cloud infrastructure, security, API interfaces, authentication, and data design.
Within the first sprint, rapid user journey wireframing was completed along with high-fidelity prototyping for both desktop and mobile.
The technology stack included:
- AWS DynamoDB for data storage
- AWS Lambda for serverless APIs
- Pixi JS, React, TypeScript for the frontend game
- Storybook for component development
Results
Twitch helped HoYoverse bring Genshin Impact's beloved character Paimon to life with streams across the US, Korea, Spain, Germany and Brazil.
Looking forward
By using popular development languages and serverless cloud technology, ongoing operational costs for Twitch were reduced. The extension reflects the visual experience of Genshin Impact with localisation, design layouts for different devices, and reusable design assets.
