Twitch Brand Refresh

Working with legendary design agency, COLLINS, and our internal creative team at Twitch, I developed a motion language to define a recognizable and ownable motion style for our refreshed brand. In addition to the new motion identity, I created a reel (included at the bottom of the page) to help launch the brand into the world.

Logos

One of the first things developed by COLLINS was a refreshed logo system that incorporates the colors of our creators into the brand. This is done through a new, extruded wordmark and gradient that blends our Twitch purple into the colors of our creators' brands.

twitch_logo_before_after
Dynamic-Logos
Ultimate Extrusion
Wordmark Loop
Glitch Loop

Typography

Twitch's brand voice has long been one of it's strongest assets. It's unique blend of wit, snark, and charm connects the brand with it's audience. To bring it to life through animation, it was important to develop a motion style that complemented that sharp, pointed voice. 

Text Animation
Copy-with-Emotes
Typography2
BWHN_Bumper_2

Color

Not to be left out, our brand icon, "Glitch," got the gradient treatment as well. In order to animate the icon extruding through a flexible gradient system, I created a custom Cinema 4D setup that allows us to render Glitch through any number of custom gradient setups.

Palette
Gradients
Glitch-Extrusion
Creator-Color-Glitch

Wrapping it all up

Here are a few more of my favorite pieces from the rebrand. Be sure to check out the brand reel at the bottom of the page.

Generic_End_Bumper_Glitch_Black
Bumper 9
Be_what_happens_next_Bumper
Millions
We saved you a seat in chat
Product
desktop2
Trash

Credits
Role: Motion Design, Editing
ECD: Byron Rex Phillipson
AD: Sam Johnson
Copy: Evan Freitas

Agency: COLLINS

Matt Gravish
Motion Design & Art Direction

© 2023