top of page
Twitter_Header.png
Grey_BG_3.png

Twitter UI demos

Working closely with prodcut marketing managers, creative directors, art directors, and partners, I was responsible for creating storyboards and final export animations for a variety of new features and updates for the Twitter platform. This includes features like: Twitter Spaces, Twitter Lists, Twitter Communities, Twitter Blue, Twitter Decks, and much more. I was seen as a brand expert and product quality control, responsible for ensuring all animations were accurate to product and easy to follow for new and existing users. I stayed in constant communication with project managers and product engineers to ensure that every movement, icon, content, and copy were accurate and licensed. Once the final deliverable was approved, I was also tasked with ensuring the storyboards and animations were correctly localized for 16+ different languages. 

empty.jpg

Twitter Spaces UI demo

Twitter Spaces is a feature that lets users hold live conversations with other speakers they invite to the convo. 

Role: Visual Designer

Responsibilities: Storyboarding, quality control for UI accuracy, animation, localization for 15 languages. 

CB_23814_Spaces_Recording_Listener_V3_AA.gif
TW_Tips.gif
empty.jpg

Twitter Tips UI demo

Twitter Tips is a feature that allows users to support their favorite content creator by giving them actual tips.

 

Role: Visual Designer

Responsibilities: Storyboarding, quality control for UI accuracy, animation, localization for 15 languages. 

empty.jpg

Twitter Communities UI demo

Twitter Communities is all about finding the right group of people based on your niche interests.

 

Role: Visual Designer

Responsibilities: Storyboarding, quality control for UI accuracy, animation, localization for 15 languages. 

CB_22846_Communities_01_Full_Exp_EN_V3_1.gif
Birdwatch_GIF1_Maximizing_Impact_V5.gif
empty.jpg

Twitter Birdwatch UI demo

Twitter Birdwatch is a feature that let's users start to filter out content that is helpful or relevant to them.

 

Role: Visual Designer

Responsibilities: Storyboarding, quality control for UI accuracy, animation, localization for 10 languages. 

empty.jpg

Twitter Circles UI Demo

Twitter Circles allows users to pick and choose who can see their content. Sorry Mom, this one is not for you.

 

Role: Visual Designer

Responsibilities: Storyboarding, quality control for UI accuracy, animation, localization for 15 languages. 

TW_CirclesAnimation_1x1_Gif_V6_KWAA 2.gif
Spaces_TABS_Gif_V2_100_AA.gif
empty.jpg

Twitter Spaces UI demo

Twitter Spaces provided room for people to hold live conversations with like minded (or opposing) individuals.

 

Role: Visual Designer

Responsibilities: Storyboarding, quality control for UI accuracy, animation, localization for 15 languages. 

empty.jpg

Twitter Lists UI demo

Twitter Lists was an early feature that let's you follow more targeted content that you enjoy. Ex: I followed the action figure and anime Lists.

 

Role: Visual Designer

Responsibilities: Storyboarding, quality control for UI accuracy, animation, localization for 17 languages. 

20_151_TwitterLists_SquareUI_Full_V6_Under15MB.gif
metal 2.jpg
Outcome
Dim_BG_2.png

Working directly with the Twitter Studio team and their partners is an absolute pleasure. Creating storyboards and animating UI demos is what really got me into teaching others and making tutorials. I fully enjoyed working on all of these projects, and it's always great seeing positive feedback live on platform. The biggest takeaway from making these animations is to always be communicative with product engineers and product managers to ensure that everything is accurate and ready to deliver. 

TextHeroes-06.png
bottom of page