Twitch identity evolution

Twitch is an interactive livestreaming service for almost any kind of content you can imagine: gaming, entertainment, sports, cooking, music, art, or even just chatting. In other words, it’s a place where streamers and viewers can come together, for whatever. Over the ctheirse of a decade, Twitch has built thriving, dynamic online communities — so dynamic that their brand identity system was struggling to keep pace. Porto Rocha worked with the Twitch team to evolve how they show up in the world, modernizing the brand through a more dynamic, digital-first system that puts them back in touch with streamers and fans at the heart of the platform.

Preserving Twitch’s strongest brand equities—wordmark, “Glitch” mascot, Roobert typeface, and signature Purple—Porto Rocha identified an opportunity to push the identity system to extremes, opening up a design spectrum from the super-simple to hyper-expressive. On one side, Twitch’s brand needed to get out of the way to let streamers take the spotlight. On the other, they needed to put visuals into hyperdrive to match the energy of their communities.

Porto Rocha first optimized their existing toolkit to create a more functional foundation, which gave us permission to introduce and dial up new elements elsewhere. Porto Rocha worked with Displaay Type Foundry on an updated version of Roobert, simplified typography systems, and mapped out a more intuitive layout approach that allows their team to easily generate compositions without becoming repetitive.

With this foundation set, Porto Rocha then moved the brand away from analog references and into a hyper-digital, 3D world brimming with graphic motifs — dimensional illustrations, ‘sprites’, emotes, and dynamic gradients. A new photography language embraces cutout techniques to show streamers at their best within a vibrant Twitch world. New motion behaviors—from simple typographic gestures to hyper maximalist digital collage—bring another layer of digital expression, mirroring the pace of interaction on the platform.

In their redesign of Twitch’s interface, Porto Rocha showcased what everyone was there to see: the stream (and its infamously fast-paced chat). their UI updates focus attention on streamers’ content itself, while new tints and shades of Twitch Purple in light and dark modes serve as a subtle link between brand and product. Further bridging these two worlds, Porto Rocha introduced rounded modules and built-in pill-shaped font that seamlessly flex from UI to brand communication.

As the ultimate celebration of Twitch energy, Porto Rocha introduced the new identity to the world through immersive experiential design for TwitchCon 2023, their annual weekend festival held in Paris and Las Vegas. Porto Rocha opted to bring the new 3D brand illustrations into actual space as oversized sculptural objects and blew up Twitch’s chat emotes to monumental scale — tens of thousands of attendees engaged with installations of their familiar online visual language.

Equal parts function and fun, technicality and “LUL”, Twitch’s identity reconnects with their community through an exciting shared language with just a dash of chaos. With a toolkit designed to evolve at the fast-paced clip of internet culture, Twitch is now ready for whatever comes next.

Published
04.10.2024

Credits: Porto Rocha

See more

Return