


Swanson Tools
Swanson Tools
Swanson Tool Co. is an American manufacturer known for producing high-quality measuring, layout, and marking tools for construction professionals and DIYers. Best recognized for its iconic speed square, the company has built a strong reputation around precision, durability, and craftsmanship, serving the building industry for generations.
Swanson Tool Co. is an American manufacturer known for producing high-quality measuring, layout, and marking tools for construction professionals and DIYers. Best recognized for its iconic speed square, the company has built a strong reputation around precision, durability, and craftsmanship, serving the building industry for generations.
Client
Swanson Tools Co.
Deliverables
Style guide Web design system UI / UX
Year
2026
Role
Lead Designer

A More Confident First Impression
The new homepage introduces stronger product storytelling, clearer navigation, and a more structured layout. It immediately communicates authority while guiding users toward key product categories
Heritage Meets Modern Utility
The final outcome is a cohesive digital experience that reflects the precision and reliability the company is known for. The refreshed brand positions Swanson Tool Co., Inc. as both a legacy manufacturer and a forward-looking industry leader
Designed for Decision Making
A More Confident First Impression
Product pages were simplified and reorganized to prioritize clarity. Larger imagery, accessible specifications, and streamlined calls-to-action make it easier for professionals to quickly find the information they need.
The new homepage introduces stronger product storytelling, clearer navigation, and a more structured layout. It immediately communicates authority while guiding users toward key product categories


Built for Real World Use
Designed for Decision Making
Recognizing that many users access the site from job sites, we optimized the mobile experience for speed and usability. Navigation was simplified and layouts were designed to perform efficiently on smaller screens.
Product pages were simplified and reorganized to prioritize clarity. Larger imagery, accessible specifications, and streamlined calls-to-action make it easier for professionals to quickly find the information they need.
Respecting What Works
Rather than reinventing the logo, we refined it. Subtle adjustments to spacing, alignment, and proportions improved clarity and scalability across digital platforms while preserving brand recognition and heritage.
Respecting What Works
Rather than reinventing the logo, we refined it. Subtle adjustments to spacing, alignment, and proportions improved clarity and scalability across digital platforms while preserving brand recognition and heritage.





Consistency Across the Platform
Built for Real World Use
We created a modular design system including reusable UI components, grid system, and interaction design. This allowed our team to efficiently create a cohesive web and brand experience.
Recognizing that many users access the site from job sites, we optimized the mobile experience for speed and usability. Navigation was simplified and layouts were designed to perform efficiently on smaller screens.
Recognizing that many users access the site from job sites, we optimized the mobile experience for speed and usability. Navigation was simplified and layouts were designed to perform efficiently on smaller screens.
Built for Real World Use
We created a modular design system including reusable UI components, grid system, and interaction design. This allowed our team to efficiently create a cohesive web and brand experience.
Consistency Across the Platform
Rather than reinventing the logo, we refined it. Subtle adjustments to spacing, alignment, and proportions improved clarity and scalability across digital platforms while preserving brand recognition and heritage.
Respecting What Works
We defined a clear art direction for product and lifestyle photography. The focus was on clean, high-contrast imagery that highlights precision and durability, while contextual jobsite shots reinforce authenticity and real-world application.
Elevating the Visual Story
The final outcome is a cohesive digital experience that reflects the precision and reliability the company is known for. The refreshed brand positions Swanson Tool Co., Inc. as both a legacy manufacturer and a forward-looking industry leader
Heritage Meets Modern Utility


Elevating the Visual Story
Consistency Across the Platform
We defined a clear art direction for product and lifestyle photography. The focus was on clean, high-contrast imagery that highlights precision and durability, while contextual jobsite shots reinforce authenticity and real-world application.
We created a modular design system including reusable UI components, grid system, and interaction design. This allowed our team to efficiently create a cohesive web and brand experience.


Respecting What Works
Rather than reinventing the logo, we refined it. Subtle adjustments to spacing, alignment, and proportions improved clarity and scalability across digital platforms while preserving brand recognition and heritage.


Heritage Meets Modern Utility
Elevating the Visual Story
The final outcome is a cohesive digital experience that reflects the precision and reliability the company is known for. The refreshed brand positions Swanson Tool Co., Inc. as both a legacy manufacturer and a forward-looking industry leader
We defined a clear art direction for product and lifestyle photography. The focus was on clean, high-contrast imagery that highlights precision and durability, while contextual jobsite shots reinforce authenticity and real-world application.







The new homepage introduces stronger product storytelling, clearer navigation, and a more structured layout. It immediately communicates authority while guiding users toward key product categories
A More Confident First Impression
Product pages were simplified and reorganized to prioritize clarity. Larger imagery, accessible specifications, and streamlined calls-to-action make it easier for professionals to quickly find the information they need.
Designed for Decision Making



Elevating the Visual Story
We defined a clear art direction for product and lifestyle photography. The focus was on clean, high-contrast imagery that highlights precision and durability, while contextual jobsite shots reinforce authenticity and real-world application.


Heritage Meets Modern Utility
The final outcome is a cohesive digital experience that reflects the precision and reliability the company is known for. The refreshed brand positions Swanson Tool Co., Inc. as both a legacy manufacturer and a forward-looking industry leader
A More Confident First Impression
The new homepage introduces stronger product storytelling, clearer navigation, and a more structured layout. It immediately communicates authority while guiding users toward key product categories
Consistency Across the Platform
We created a modular design system including reusable UI components, grid system, and interaction design. This allowed our team to efficiently create a cohesive web and brand experience.
