streamer_logo_animated-1
logo_razer

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 unique emoticons and lighting effects with the app’s editor, and take advantage of Razer Chroma for its 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, followers, donations, and keywords in chat.

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

Learn more at Razer.com ↗

UI DESIGN

ANIMATION EDITOR COMPONENT

The animation editor tool component is one of the complex components of 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

emoteproducts

PIXEL ART & MOTION DESIGN

EMOTES

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.

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