top of page
overview
Hero ds.png
overview 1

Overview

Lowe’s is a leading home improvement retailer with high-volume promotional digital campaigns across multiple pricing segments and seasonal events. The email ecosystem required consistency, scalability, and faster execution while maintaining strong brand identity.

With the introduction of Lowe’s Deals, the system evolved to support a stronger savings-focused visual language. By integrating strategic red accents, standardized deal hierarchies, and dynamic price variables. This project focused on transforming an underdeveloped email design system into a scalable, guided framework that supports high campaign velocity and promotional complexity.

My Role

UI Systems Design, Component Standardization, Figma Library Development

Tools

Figma

Timeline

February 2025 to April 2025

Challenge

Challenge 1
  • The existing design system lacked structure and scalability, leading to inconsistent creative outputs across campaigns.

  • Recurring promotional elements such as banners, pricing blocks, and CTAs were rebuilt repeatedly without standardized rules.

  • Pricing formats and promotional messaging varied across segments, creating visual inconsistency and inefficiency.

  • There was no structured framework to emphasize deals and savings in a cohesive, brand-aligned manner.

old email.png

Solution

\\ Lowe's Deals Design System

Solution

A modular system designed to bring consistency, scalability, and clarity across promotional communications while improving efficiency. Introducing,

Lowe's Deals Design System

Foundations

Typography

Color 

Grids and Spacing

Components
Guidelines
Output

CTAs

Pricing modules

Badges

Logo treatments

Banners

Hero structures

Deal sections

Product blocks

Content groupings

In-use examples and scalability.

Typography

\\ Lowe's Deals Design System\Foundations

font.png

Colour

\\ Lowe's Deals Design System\Foundations

Colour Tokens
Colour lowes.png
Figma colour styles
colour styles.png

Implemented using Figma Color Styles to ensure consistency and centralized updates across all brand assets.

Grids and Spacing

Mobile

Layout grid style

Screenshot 2026-02-13 194704.png
Screenshot 2026-02-13 194223.png
Padding types
griid.png

\\ Lowe's Deals Design System\Foundations

RULES.png

Email UI structure and guides

Price spacing
price.png

Icon Set

\\ Lowe's Deals Design System\Foundations

Standardized icon system for email UI and website integration to enhance usability and brand consistency.

icons.png
And more...

Components

\\ Lowe's Deals Design System\Components & Guidelines

Basic structure of a banner component

A banner component consists of a structured container with visual hierarchy including headline, supporting copy, imagery, badges and a primary action, organized within standardized spacing and layout rules.

banner.png
A glimpse into the Figma design system library
componetns.png
componetns Vartia.png

\\ Lowe's Deals Design System\Output

Impact

Impact

Now, to wrap it all up...

The system was adopted across multiple teams and is currently used by approximately five teams, with a library of 500+ components supporting ongoing campaign production.

Screenshot 2026-02-13 at 8.37.29 PM.png

Below are some live examples showing how the system is applied across different communications.

ds ex.png

Shown for demonstration purposes only. All creatives are publicly distributed marketing communications.

\\ Lowe's Deals Design System\Output

Impact

Where It Went Next

As Lowe’s evolved its visual identity toward a more dynamic gradient-led aesthetic, the design system needed to evolve with it. I revamped the existing system to align with the new brand direction while further simplifying how components were created and managed.

 

By leveraging variables and configurable component properties, multiple variations could be handled within a single component rather than maintaining separate versions. This streamlined the library from 600+ components to approximately 200, while expanding adoption to 7 teams actively using the new design system.

ds2.png

Website UI

Screenshot 2026-09-03 193101.png

Promotional Creative

20260406_MOA_NFL_MiniToolbox_Teaser_MLR_Email.png

Shown for demonstration purposes only. All creatives are publicly distributed marketing communications.

My Takeaway

This project gave me a deeper understanding of how brand guidelines translate into scalable design decisions. I moved from designing individual creatives to thinking in components and templatized assets, using auto-layouts, and reusable patterns. It taught me how small decisions like spacing, hierarchy, and tokens impact large-scale consistency.


I also learned how systems can directly improve team workflows and reduce repetitive effort. Overall, it shaped how I approach design, which is not just as output, but as a framework for scale.

bottom of page