Redesigning Dickies

Brand Design
Strategy
UX/UI
ecommerce desiGn
white link icon
The Challenge

Overall, Dickies grappled with a multitude of challenges, most notably antiquated imagery, typography, and a lack of distinct personality. These issues were evident across all channels, particularly on the Dickies.com e-commerce site, which suffered from poor user experience and inadequate mobile optimization.

Solution:

I helped transform the brand's digital presence and elevated its high-volume e-commerce business. Collaborating with top-tier designers, developers, and brand agencies, we overhauled the website, implementing a fresh brand identity and a faster, more efficient platform. The new identity honored Dickies' legacy, featuring a custom font inspired by the logo’s typography. Our development team utilized the latest technologies to ensure speed, scalability, and security, while thorough research and extensive experience provided insights into customer needs, informing every aspect of the redesign. Leading numerous research projects and overseeing the design processes for the website and beyond, I also created hundreds of content pieces, including website elements, emails, paid and organic social media posts, display ads, and background video assets for the homepage.

Before:

Dickies homepage December '22

Dickies Homepage 'before' audit with many negative notes about how unusable it was.
After:

New Mockup incorporating the new brand custom font

Dickies Homepage Mocked Up
What got fixed:

-Improved the mobile user experience with horizontal scrolling.
-New more shoppable modules utilizing carousels
-Reduced the module size to showcase more of the site.
-Enhanced the branding aesthetic for a cleaner and more cohesive look including a new custom brand font.
-Renamed the highest-performing section to "Best Sellers" and included best-selling items from other categories not previously listed, thus amplifying the popularity of best sellers.
-Reduced the module size to showcase more of the site.
-Implemented an intuitive and user-friendly navigation system.

Modules in Figma:
A Figma artboard of modules from dickies.com
What we did:

Created a comprehensive design system and component library in Figma to streamline our design process, maintain consistency across projects, and enhance collaboration. It covers typography, colors, icons, buttons, forms, and more for a cohesive user experience. The component library houses reusable UI elements, making development faster and more scalable. With detailed documentation and ongoing improvements, it's become a vital tool for driving design excellence and fostering collaboration across teams.

Additional Work:

Jameson x Dickies Collaboration

Two Dickies emails

Kustom Coach Works Racing

Two Dickies email examples
Two Dickies email examplesA hero banner image from dickies.comA hero banner image of a guy working on a car from Dickies.com

Credits: ELVA Design GroupJohn Klopping; Matt Lambert

More Work

Creators who have trusted us

selective work
Mockup of an app called Inner Circle

Let's talk.

But seriously, let's get your idea off the ground. No obligations or pressure, just a chance to think out loud. Schedule a FREE 30-MINUTE meeting now.

Schedule free meeting