
SLEEP.COM
project: graphics package
client: Sleep.com
services: motion design, motion graphics templates
production: Tricia Traci
creative direction: Katherine Weber
When Sleep.com approached us for a graphics package for their streaming videos, they were looking for something simple yet sophisticated that could be used by editors with or without motion design skills. After experimenting with a variety of styles for the logo animation, we used the final version as a jumping off point to create lower thirds, title cards, transitions, end cards and thumbnails that could be used across multiple platforms. We then templatized all of the graphics so they could be manipulated quickly and easily by any user. It was our favorite kind of challenge, both technical and creative!
LOGO ANIMATION


Initial logo design for Monika Blunder brand

Top rows: early logo animation concepts, Bottom: final animation
DESIGN ELEMENTS





Grid top row: text graphic in night and day modes, Grid bottom row: thumbnail in night and day modes, Gifs: sample title animation in two formats
MOTION TEMPLATES

Our challenge was to create templates that were fully customizable without violating any of the carefully developed brand guidelines.
Through experimentation, we created parameters that allowed for creativity within a clear set of boundaries, such as by allowing editors to choose any color in the palette with a simple on/off switch.
We programmed lower thirds to grow or shrink automatically, depending on the length of the text. This enabled us to ensure that the style stayed consistent among many editors.
