Inbox adventures: three years of emails at komoot

I designed and coded more than 20 email campaigns for a global community of 45+ million users, working cross-functionally to deliver consistent, on-brand communication.

Email Design

Visual Design

Code

Designing emails for a large userbase

How do you craft emails that feel relevant, work across devices, and get better with every send? For an audience of 20M+, localization, tech limits, and performance targets posed real challenges.

I collaborated cross-functionally to build a process of our own; one rooted in tailored messaging, creativity, and continuous iteration, delivering consistent, on-brand product communications.

Tailored messaging

Each campaign needed to feel natural in every market. Localisation ranged from six to eleven languages, so I worked closely with copywriters to adjust tone, length, and structure. From the subject line to the visuals, every detail was adapted to make the message clear and relevant for different audiences.

Creativity within constraints

An engaging narrative must work within email’s tight limits. With platform quirks, uneven support, and limited design options, layouts had to stay simple and flexible across devices. Careful attention to contrast, dark mode, image size, and alt text ensured designs looked right, met accessibility standards, and worked reliably everywhere.

Improvement through iteration

To maintain high standards and maximise impact, each newsletter went through continuous testing and refinement. I developed an A/B testing protocol and helped improve our QA workflow. Experiment results, thorough reviews, and performance data guided every decision, ensuring each send was better than the last.

The key elements of a komoot email

While each email was unique, I relied on a set of recurring patterns to help every newsletter perform at its best. Over time, these evolved into a simple framework, shaping structure, visuals, and consistency across campaigns. Small, reliable practices that kept every send cohesive and on brand.

Hero Section

Key information is placed above the fold, with short, snappy copy to set the tone. A playful animation often helped boost engagement.*

đź’ˇ
A compelling hero image paired with a clear call to action drives higher user interaction.

Content Blocks

Skimmable sections and product visuals kept things clear and engaging. Short animations and secondary CTAs helped explain features and drive curiosity.*

đź’ˇ
If a feature’s tricky to explain, a short animation does the job and keeps attention where it matters the most.

Callouts

Callouts guided the reader through the email, offering visual pauses and highlighting extra details. Secondary CTAs were placed strategically to keep the flow engaging and optimize clicks.

Closing Content

Sometimes we added extra content to make the email more engaging and tie it back to other brand touchpoints, like social media or YouTube.

đź’ˇ
Last but not least, don’t forget a compliant footer, yes, that includes the dreaded unsubscribe button.

Hero Section

Key information is placed above the fold, with short, snappy copy to set the tone. A playful animation often helped boost engagement.

Content Blocks

Skimmable sections and product visuals kept things clear and engaging. Short animations and secondary CTAs helped explain features and drive curiosity.

Callouts

Callouts guided the reader through the email, offering visual pauses and highlighting extra details. Secondary CTAs were placed strategically to keep the flow engaging and optimize clicks.

Closing Content

Sometimes we added extra content to make the email more engaging and tie it back to other brand touchpoints, like social media or YouTube. Last but not least, don't forget a compliant footer and the unsubscribe button.

A selection of komoot emails in the wild

These are a few of the projects I enjoyed most, and a good way to see how all the elements come together in a finished email.

Mapping the impact of emails

Over three years at komoot, our email program grew into the primary communication channel, keeping the audience informed and engaged. Here’s a look at the results and impact.

3.07%
Relative CTR

A significant jump from our baseline of 1.71%, achieved through an evolved design strategy focused on creating more actionable and high-performing content.

Appeal and relevance

Tailored messaging and more engaging visuals, including short animations, drove a big boost in performance. Open Rates grew from 26% to 36% and absolute CTR doubled.

–33%
Unsub Rate

Maintained strong relevance and engagement as the user base scaled globally. The drop from 0.36% to 0.24% shows the content resonated more deeply with a growing audience.

Takeaways from this project

Designing emails taught me that simplicity is hard. Localisation, unpredictable email clients, and countless constraints demanded creative problem-solving. While drag-and-drop editors are practical, working manually helped me understand the complexities of email and how to design within limits. I learned to treat functionality as the foundation, data as a design tool, and localisation as adaptation, not translation.

Santiago’s designs turned our newsletters into a genuine enticement for our audience, resulting in some of our highest engagement rates to date. He ensured design and copy worked seamlessly together and proactively mentored others to ensure team-wide success.

Jim Luxford's LinkedIn profile

Jim Luxford

Brand Director @komoot

Santiago evolved our design language with a fresh, engaging approach. He proactively optimized our email testing processes, and his rigorous attention to detail ensured that every deliverable met the highest standards, giving the team complete confidence in his work.

Stephanie Dietze

Brand Manager @komoot

Check out another project

Introducing Streaks to spark spring adventures

Turning lapsed users into active explorers through a high-impact visual identity and gamified brand campaign.