SECTION 1
Header
The header is the most crucial part of an email. From tracking up-funnel metrics across other metric-driven Faire emails, more than 46% of users don't scroll past the first two sections. I prioritized creating variations that immediately grab attention and convey key information. In total, I explored three types of headers.
The first header concept I explored is an image carousel, featuring a rotating display of the brand's top products. This dynamic approach highlights several key items, showcasing them in a visually engaging way.

Experimenting with a header similar to the monthly recap designs
The second header concept I explored features the use of gradients. While this version excludes images, it offers a flexible range of vibrant colors. It's worth noting that these gradients are similar to those used in Faire's monthly recap emails.

Experimenting with a header similar to the monthly recap designs
The third approach involves integrating illustrations into the header. This version showcases Faire's newly developed illustration system, a component of the Slate design system. It focuses solely on illustrations, without incorporating product listing images.

Experimenting with a brand new branch of components
When presenting these three options at a brand pillar meeting, there was overwhelming support for the illustrations, which was also my preferred choice. The initial goal for the project was to make the email feel celebratory rather than read like a report. Additionally, the fact that the illustrations had never been used before shouldn’t deter its use; there’s always a first time for everything, and if they prove effective, they could drive change and inspire future designs.
The biggest design challenge involving is to create variation between the different milestone emails. Brands may receive multiple milestone emails in rapid succession, so it’s important that each milestone email looks different from another. To achieve this variation, the illustrations are going to be different for each order count.

Headers of different order count milestones