Text Customization Tools
➛Role: Designer
➛Responsibilities: Marketing Design, In-Product Animation
➛Collaborators:
Esmerly Simé Segura - Product Designer
Lucas Killcoyne - Product Marketer
Madison Fraitag - Copywriter
Esmerly Simé Segura - Product Designer
Lucas Killcoyne - Product Marketer
Madison Fraitag - Copywriter
➛Overview:
Animoto launched a suite of new text editing functionalities to give users more granular flexibility in the text editing capabilities and allow for more creative and consistent styling treatments across videos.
Conceptually, I set out to delight users by creating playful moments with typography that were directly tied to each of the new text tools: text color customization, multiple text boxes, text rotation, text justification, and numerical font sizing.
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/36e871f3-ad41-4901-aa50-85c9ea99d7f4_rw_1920.gif?h=55b864118c4ef6339902869477aa7036)
➛In Product Animations:
I created animations for in-product tooltips, to inform and educate users about the text capabilities now available to them, and to inject branded moments of delight into the product experience.
![Multiple Text Boxes](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/9e2987bd-917a-46a9-9080-c48358d53a24_rw_1200.gif?h=3bfc34b7af94f4ffb4546dc385f1a4e8)
Multiple Text Boxes
![Text Colour Customization](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/ecb2ff46-84fc-41c3-8e4b-5a268ab548ec_rw_1200.gif?h=bcca11089c9306fdf54ff37c0f4a57c9)
Text Colour Customization
![Numerical Font Sizing](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/b909fe65-33dc-4acd-8107-43ae8ee76442_rw_1200.gif?h=e686e09f360330d0aee8c062af085624)
Numerical Font Sizing
![Text Rotation](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/596dc2f0-df64-4302-b0cd-5f9427ce7a38_rw_1200.gif?h=327726d7ce8aa57d082fb730e5a98f36)
Text Rotation
➛Marketing Assets:
I created additional animated and static graphics that were deployed as part of the go-to-market campaign, to launch the new feature. They were scaled across emails and blog images.
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/bc9d3530-d3d1-44a1-bde2-f73d3ad7ba89_rw_1200.gif?h=3dfbfa93c993e703cb6291f0b2d95619)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/3f448d64-1532-4ccc-9d8c-2a26d44dfe84_rw_1200.gif?h=86c519304ca41de196410111a8436466)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/5a177ec5-4472-49bc-b960-08a8fd39f318_rw_1920.gif?h=db32bf10513d994d63a58347f5274b61)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/8ec69b37-1cc2-482e-9ab9-9b7b7178e641_rw_1920.png?h=76e7fcdaa48bb7cf6dd982358d490aa9)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/3f6e0376-5ec5-4ffc-9289-989a1040f86a_rw_1920.png?h=f98a58ce017a9dea91113fff1a3427ca)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/2167a3cf-af7f-44a7-8af5-917eaed28218_rw_1200.png?h=29aef5fce39b11dcd7fd4ca9cd4ba33d)
Commenting: Time-Stamped Video Feedback
➛Role: Designer
➛Responsibilities: Design, Product Illustration, Animation
➛Collaborators:
Dawn Tarabocchia - Product Designer
Lucas Killcoyne - Product Marketer
Eliza Talvola - Copywriter
Dawn Tarabocchia - Product Designer
Lucas Killcoyne - Product Marketer
Eliza Talvola - Copywriter
➛Overview:
In an effort to create more collaborative capabilities, Animoto launched a time-stamped commenting feature. It allows users to invite their team members to leave feedback that can be addressed and implemented right from the video workspace.
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/2197cd3e-fc6c-476e-a3a6-802e9da8ba92_rw_1920.gif?h=ef0483202e9859977c9f1b2d65a22511)
➛Product Animations & Marketing Assets:
I created multiple animations and promotional assets to highlight the commenting feature within the video workspace. They were applied across various marketing channels: email and landing pages - including Animoto's main features landing page.
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/5857ffc9-9432-43a9-b57f-60bd99abcf68_rw_1920.png?h=010a7161fb0bd739bd75691f025a29db)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/443745c2-1d9b-40c6-bbcf-3698ce32528a_rw_1200.png?h=d69adc552e57bf0074e0a562358e9e2a)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/6c98ae71-3c08-4799-a5e6-b77035314ece_rw_1200.gif?h=376efe83f742bb1998fef8420ee48685)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/cb1e9620-8c05-4ec3-bfc3-cc98c76dbb68_rw_1920.gif?h=9145665defe4787b868b3fa3a555912c)
![](https://cdn.myportfolio.com/c41437c1990a48bb499b83c08b1216e3/782facb8-15c4-472b-9bda-5995b46d96ba_rw_3840.png?h=de051a89b27fe1c5887cdb1770c1b8a9)