Lowe’s Lawn Care
Brand Experience, UX, Visual Design
Enhancing Year-Round Lawn Care Engagement
Lowe's struggled to maintain year-round engagement with its lawn and garden customers across nine distinct lawn regions. To address this, they needed a solution that caters to regional nuances and customer preferences while providing consistent lawn care information and recommendations. We created a comprehensive design system for their marketing web app.
Our goal was to develop a design system to:
Ensure consistency across all touch points of the lawn care web app
Enhance user engagement and usability
Accommodate regional variations without compromising brand identity
Streamline the design and development process for future updates
The Result
The creation of this design system resulted in:
A cohesive and visually appealing user interface that reinforced Lowe's brand identity
Improved user engagement through intuitive navigation and clear information presentation
Faster development cycles for new features and regional adaptations
Consistent user experience across all nine lawn regions
Enhanced collaboration between design and development teams
Research & Analysis
We thoroughly audited Lowe's digital assets and brand guidelines, analyzed competitor design systems in the home improvement and gardening sectors, and gathered insights from customer feedback and usage patterns of existing Lowe's digital products.
Defining Core Elements
We established a color palette that incorporated Lowe's brand colors while introducing nature-inspired secondary colors within the app illustrations and developed an iconography style that was both functional and aligned with Lowe's visual identity.
Component Design
Identified key components needed for the web app, including navigation bars, questionnaires, recommendation cards, and article layouts, created modular, reusable components that could be easily adapted for different regions and designed components with accessibility in mind, ensuring they met WCAG 2.1 AA standards
Creating Patterns and Templates
Developed layout grids and responsive breakpoints to ensure consistency across devices, created templates for common page types (e.g., homepage, questionnaire, recommendations page, article page) and established patterns for user interactions, such as form inputs and button behaviors