About the Project
The Old Navy Style Guide is a visual communication and merchandising tool developed by the design visual headquarters team. It is created to bring cohesion and consistency to the in-store customer experience and serves as an internal resource that aligns cross-functional teams around a unified brand vision.
The Style Guide outlines seasonal visual strategies and brand guidelines that help ensure every store delivers an on-brand customer journey. From customer-facing elements to store layouts, the guide functions as a roadmap for building immersive retail environments worldwide.
One of the primary users of the Style Guide is the Field Visual Merchandising team, who play a key role in translating high-level brand direction into engaging in-store experiences. By referencing the style guide, these teams are empowered to consistently execute the brand’s seasonal concepts, helping to elevate the shopping journey for Old Navy’s core customer, our persona Jenny, a busy mom seeking ease, style, and value.
The Style Guide includes:
Store Layouts and Visual Mapping
Marketing Integration and Seasonal Strategy
Visual Merchandising Guidelines and How-Tos
Product Data and Product Information
Key Merchandising Elements and Product Presentation Standards
Beyond making sure everything stays consistent, the Style Guide supports operational efficiency and helps drive sales by aligning the in-store experience with Old Navy’s overarching business goals. It is not just a toolkit, it is a strategic asset that turns brand vision into tangible, shoppable environments that resonate with customers and reinforce brand loyalty.
The PROBLEM
In-store Visual Managers frequently receive large shipments containing hundreds of new units, yet are given little to no direction on how or where to display the product. This lack of clear guidance leads to inconsistent product placement, disorganized floor sets, delayed execution, and a confusing in-store experience. Without a cohesive visual merchandising strategy, teams struggle to present merchandise in a way that captivates customers and drives sales. As a result, new products often remain in boxes, store environments feel disconnected, and the immersive experience that customers like Jenny expect is lost. This ultimately leads to missed opportunities to create brand impact and increase revenue.
My Role
I joined the visual communications team just as the COVID-19 pandemic began, and my role quickly evolved to support the Director of Visual Communication in adapting and refreshing the company’s style guide for a fully remote workflow.
The style guide, a key tool used by the visual merchandising and creative teams, had previously existed as a physical resource that was updated each season. My first major task was to help migrate this content into digital platforms, ensuring it remained accessible, collaborative, and easy to update.
Using tools like Miro for collaborative brainstorming and Airtable for organizing and managing visual and product data, we restructured the guide into a digital-first format that could scale across teams. This not only streamlined the update process each season but also introduced a new layer of UX thinking that made the guide more intuitive and interactive for users navigating remotely.
I also worked on exploring new ways to visually communicate design principles. We used illustrations, mockups, and digital environments to keep our workflows fluid and engaging. These enhancements helped improve cross-functional alignment and ensured that even from home, our visual language remained strong, consistent, and easy to interpret.
UX Designer / UI Designer / Visual designer
The Visual Design - Process - Style Guide
——————-
the UX Design process
APPROACH
Design Thinking Process
Discover
User research
Ideate
Usability testing
Visual Design
DISCOVER
UX Competitive Analysis
USER STORIES
USER RESEARCH
surveys & user interviews
Affinity Map
User Personas
Mental Models and User Journey Map
Task Analysis & User Flows
USER RESEARCH
IDEATION
Sitemap
Wireframing
Prototyping
USABILITY TESTING
Goal
Test Objective
Methodology
Usability test results: Findings & Insights
Conclusion
Preference Test
Problem Statement:
In-store visual managers received boxes of shipment with large amounts of units, and now they are sitting on new product that needs to be placed on to the sales floor, but the visual teams are left scrambling, not knowing where to place or how to display the product without a visual strategy to direct them, so that Jenny (persona) can have an exceptional customer experience.
Purpose and Context:
The product Style Guide is a project I worked on with Old Navy’s Visual Communications team in the midst of the pandemic. Our aim was to create a document that was easy to follow, but flexible enough for stores to make their own decisions. The intention was to support visual teams with “how-to” visual tutorials and direction for an immersive customer experience where our persona Jenny could feel, touch and try on the product.
Objective:
The goal of the Style Guide was to have it be the primary source of all truth for Old Navy’s brand. It includes an array of the brand guidelines, best practices with visual direction. During the pandemic I spent most of the quarantine testing different elements to act as placeholders for things we didn’t have access to in the office. I learned how to problem solve in real time by testing for stores, improving my synthesizing skills and implementing user feedback to enhance the customer experience which takes business goals and missed opportunities into consideration.
Tools: Indesign, Photoshop, Illustrator, Lightroom, Miro, Airtable, Figma
My Role: UX Designer / UI Designer / Visual designer
Visual Design - Process - Style Guide