Starting off, the animation was updated to show two versions of the Latch™ frame and two versions of the Latch™ SQ frame. This highlights the difference in frame shape while also hinting that the frames come in multiple colors.
The animation was reduced in size to make it efficient for email delivery. Here is the Custom Latch™ and Latch™ SQ responsive email design with a focus on the edges of the frames showing their differences.
For a cohesive journey from email to website, the design was adjusted for multiple banners throughout the website. Animation would not provide the best experience at all sizes. Therefore, I created a non-animated version that conveyed the ideas of the animation in one frame. The homepage version used a video as a background with a text/button overlay.
