Circlepix's customer support team was always on the phones, and the emails were why. Real estate agents using the platform to market their properties, and photographers using it to connect with agents and find work, were both missing onboarding steps and feature updates because most emails were going unopened. Open rates between 20–40% meant the majority of every campaign was invisible before it started. A motion graphics system, built from sketch to production by one designer, pushed that number to 40–80%.
Project Details
The Challenge
Circlepix served two distinct user groups. Real estate agents used the platform to market their listings and needed to stay current on new tools and service updates. Photographers used it to connect with those agents and find photography work. Both groups depended on email to onboard, learn new features, and receive research invitations.
The human cost of a 20–40% open rate was visible in the support queue. When onboarding emails went unread, new users would get confused and call in. Customer service reps were always on the phones, always logging tickets, fielding questions that the first week of email sequences should have already answered. The emails themselves were the root cause: text-heavy, transactional in tone, and visually indistinguishable from automated system notifications. In a crowded inbox, they disappeared.
The Strategy
The insight came from watching how people move through a busy inbox: if something moves in the preview pane, they stop and look. 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 readers 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.
The Execution
The process started with paper storyboards, mapping 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, animation moved into After Effects with frame-by-frame optimization in Photoshop, compressing each GIF to load 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 animated and static fallback states. Four template types were produced: Thank You, Reminder, Reconnect, and a Usability research invitation.
The Results
Open rates across Circlepix campaigns climbed from the 20–40% range 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. The customer service queue that had first made the problem visible began to ease as onboarding sequences started landing the way they were intended.