streamer_logo_animated-1

STREAMER COMPANION APP

BUILT TO ENTERTAIN

Designing software for streamers to put on a show for their stream, customize how they want to do it with the app - where they can create unique audience interactions with supported Razer hardware. Design their own unique emoticons and lighting effects with the app’s editor, and take advantage of Razer Chroma for its suite of signature lighting effects with 16.8 million colors.

The app allows them to manage what emoticons or lighting effects are used, and more importantly when they appear on their stream. They can be programmed to activate during new subs, new followers, donations, and keywords in chat.

Worked on the User Interface and the Emotes design and animation.

Animation Editor Component

UI Designer

The animation editor tool component is one of the complex components that I need to create from scratch for this project. The frame-by-frame design is hugely inspired by Photoshop Timeline Editor as I created the initial batch of animated GIF Emotes for engineers to test at the early stage.

Timeline
Components

Prototyped two types of playback interaction

Emotes

Illustrator & Motion Designer

I created a set of Emotes for customers to use right out of the box when they purchase Razer Seiren Emote or Razer Emote Display. All 8x8 Emotes are drawn and animated in Photoshop.

emoteproducts
emoji-puke-rainbow-100×100-1
baby-rage-100×100-1
emoji-dealwithit-100×100-1
zz-animated-100×100-1
heart-red-animated-100×100-1
angry-veins-animated-100×100-1
ShinyGemstone-100×100-1
Crown-Animated-100×100-1
lets-goooo-100×100-1
gg-100×100-1
sprinkle-salt-100×100-1
popcorn-animated-100×100-1
Beer-Animated-100×100-1
Fire-Animated-100×100-1
fireworks-100×100-1
emoji-loudly-crying-face-animated-100×100-1
Random-Frank-P-glitch-100
Doom-Guy-100

Worked with marketing creatives for the product launch videos of Razer Seiren Emote and Streamer Companion App.

Back to top Arrow