A motion graphics system that pushed Circlepix email open rates from a 20–40% range up to 40–80%, built from sketch to production by one designer who handled everything from storyboarding and animation to HTML coding and delivery optimization.
Circlepix relied on email to keep real estate agents informed, onboarded, and engaged with the platform. With open rates ranging from 20% to 40%, the majority of communications were going unread. Updates weren't landing, onboarding sequences weren't converting, and user research invitations were being ignored. The emails themselves were the problem: text-heavy, transactional in tone, and visually indistinguishable from automated system notifications.
The hypothesis was straightforward: if something moves in a user's inbox preview, they open it. Most email clients render the first frame of an animated GIF before playing it, which means a well-designed first frame functions as a visual hook before the email is even opened. The goal was to design motion graphics that worked at two levels: as a static first frame that earned the open, and as a full animation for those reading on a capable client. The hard constraint was file size. Any GIF heavy enough to stall on a mobile connection would defeat the purpose entirely.
I started with paper storyboards, mapping out animation concepts for each email type: the Circlepix logo expanding from a point, an envelope opening to reveal content, and a social connection sequence for the reconnect campaign. Once the motion logic was mapped out, I moved to After Effects for animation and Photoshop for frame-by-frame optimization, compressing each GIF to a size that loaded cleanly on mobile without sacrificing the visual quality that made the animation worth having.
The HTML email templates were coded from scratch, tested across email clients, and built to handle both the animated and static fallback states. Four template types were produced: Thank You, Reminder, Reconnect, and a Usability research invitation.
Email open rates across Circlepix campaigns climbed from a range of 20–40% to 40–80%. The motion graphics gave the emails a recognizable visual identity in the inbox and a reason to open before reading a word of subject line copy.