LeetCode Email Campaigns

LeetCode is the leading technical interview prep tool to help software engineers get a job at top tech companies (e.g. Google, Facebook, and Amazon, etc). I joined in 2019 as the only generalist designer to lead and shape the product design process with a small and agile scrum team. An impactful project completed in my first month there was the redesign of LeetCode's email campaign template.

The original template has not been changed in years, and has witnessed diminishing returns in its utility. Since its first version LeetCode has gone on to develop more product features that require additional communication to our users; plus it is not mobile optimized. I set out to improve and enhance the template layout for maximum engagement and growth for our website's traffic.

Collateral:
HTML email template.

Involvement:
Scrum facilitation, requirements analysis, and UI/UX design.

Tools:
Sketch, Adobe CS, and HTML/CSS tables.

money1.5xmoney1.5x

1 week design sprint + 3 weeks of development to launch.

Why Redesign?

I was approached by the CEO of LeetCode to touch up an image asset for the existing email template (see below). Additionally, a request to accommodate additional editorial content in the layout was made while reflecting on the need to better show case the feature offerings of our product.

I proposed to run a 1 week design sprint to fully explore the possibilities and feasibility of potential implementations before locking down on a solution.

Before1xBefore1x
moodboard1xmoodboard1x
IA_sIA_s
spacingspacing
Visuals_dVisuals_d
utility_tutility_t

"It looks so much better!" - senior engineer

A/B Test

Beyond surfacing the array of product features that LeetCode had to offer, one specific goal of this redesign was to invite our users to participate in coding contests: a weekly and bi-weekly event.

The primary metric monitored was the click-through rate (CTR), with the secondary metric being the number of users registered for our contests. Testing results showed that variant A performed similarly on the secondary metric, but declined in its CTR. Variant B outperformed with both a higher CTR and number of users registered for contests.

AB testingAB testing

We saw a 4% increase in open rate over 1 month after launch.

2x Impact

Another long-term goal for LeetCode is to increase user engagement with our thriving online community. I deliberately designed a different CTA from the existing interaction design of a mobile optimized layout, to move this metric for our business.

The act of distinctively applying a button as opposed to an icon resulted in a 2x CTR for community posts links, as compared to questions and explores links (benchmarked against previous best performing link).

ixd_labelixd_label
deliverable1.5xdeliverable1.5x

Hope you enjoyed this case study!