Making a responsive email meant dealing with a lot of technical constraints. The email builder let marketers put one together by dragging in content, without having to write HTML. I led design for the team, building on the original interface designed by Buzz Usborne.
Campaign Monitor
Product Design
2014-2016
Design
Engineering
Research
Loading project…
Campaign Monitor email builder
Making a responsive email meant dealing with a lot of technical constraints. The email builder let marketers put one together by dragging in content, without having to write HTML. I led design for the team, building on the original interface designed by Buzz Usborne.
One problem kept coming up in support tickets and customer interviews: people wanted more control over typography. But a font size that worked in one column could fall apart on a phone, or when the text moved into a narrower layout.
I designed an inline text editor that gave people that flexibility while keeping the controls simple. Behind it, font sizes and line heights adapted to the device and layout, so customers could make the email their own without having to fix every version themselves.
Before
After
Before and after the typography controls. Move across the image, or drag the handle, to compare.