Situation
For many companies, the product page is where a sale is made (or lost).
Cat.com’s product experience was outdated and riddled with many user experience challenges due to ad-hoc enhancements. It was no longer meeting user or business needs and needed to be revamped.
I led the transformation of these product pages, serving a dual role as a program leader and lead UX strategist.
In December 2019, the new Cat.com product catalog was launched on 100K+ pages after 2 years of research, design, and development work.

Project At-A-Glance
GOALS
Increase attributable sales
Increase quote requests
Increase on-page engagement
ScOPE
1M + visitors / mo
110+ product families
140K+ product pages
10+ industries
24 langage/locales
30K+ products
TEAM
18+ business stakeholders
10+ content creators
15+ design team members
20+ developers
4+ technology teams
4+ agency partners
Key Challenges
Key Challenges
CROSS-CHANNEL CHALLENGES
- Subsidiary sites shared a template and codebase- A shared template structure and code base was used by non-Cat.com subsidiary sites on the technology platform. The design needed to minimize disruption to these sites.
- Integrations with downstream systems needed to be modified - APIs and integrations with downstream systems (product feed, ecommerce, marketing automation, competitive product feed, virtual product tours, internal search, and more) needed to be changed.
- Some Dealer sites leveraged product feeds and templates - Templates and product feed changes would impact select dealer sites, potentially requiring changes. Understanding the impact, communicating strategic intent, and providing consultation to help facilitate changes was needed.
- Non-product offerings on other sites needed to be integrated - Other important parts of the business, needed to be included in messaging, content, and at times linked to. For instance, in addition to featuring our new products, we also needed to highlight our rental and used options. Furthermore, our aftermarket product support, parts, and financing options were important parts of the products value story and desired focus.
- Both B2B vs. B2C products on other sites had to be connected- In addition to the core heavy equipment business, Cat also has other offerings which have independent experiences. For instance, Cat merchandise (like work boots) and retail products (like portable generators) were not included in the product catalog, but needed to be considered in the overall experience.
TECHNOLOGY CHALLENGES
- Significant UX and technical debt - The legacy platform would need refactoring due to years of accumulated technical debt. Ad-hoc feature enhancements, custom code, and an outdated codebase made this more difficult.
- Limited data connectivity and integration - Data across multiple sources needed to be connected, profiles needed to be created, and integration with technology needed to happen.
- Siloed technology teams with independent product releases. These systems had their own priorities, roadmaps and constraints.
CONTENT CHALLENGES
- Product taxonomies were not centrally governed – Central management of product taxonomies did not exist. The data was not clean, structured, consistent, or complete. Further, many cross-product relationships needed to be mapped out.
- Each business/ product group where in different stages of content readiness - Not all business units have the same level of content readiness. Because of time and/or budget constraints, they will not be able to develop content that fully maximizes the new design right away. Our design had to accommodate pages which would have no content changes AND those that decided to take advantage of new features.
- A new eCommerce conversion path had to be introduced – Some products were available for purchase online and had a very different user path. Instead of “Request a Quote” being the next best action, these users needed to be directed to the Commerce experience so that they could shop online. This required API integrations with the Commerce platform and a new strategy for integration.
- Care had to be taken to ensure that SEO was not disrupted – Not only did these pages attract the most amount of search traffic on the site, analysis showed that they dominated search across all competitive keywords. In part this was due to technical SEO enhancements and schema improvements over time on these pages. The design had to be implemented in a way that did not impact search rankings and equity.
- Each business/product group had varied content needs - Template had to account for different content needs across regions, product types, and industries. Logic needed to be built to support:
- Light vs. heavy content
- Marketing content vs. product specifications only vs. hybrid
- Product classes with different content priorities / topics / formats
- Regions different content needs
CROSS - CHANNEL CHALLENGES
Subsidiary sites shared a template and codebase
Integrations with downstream systems needed to be modified
Some Dealer sites leveraged product feeds and templates
Non-product offerings on other sites needed to be integrated
Both B2B vs. B2C products on other sites had to be connected
TECHNOLOGY CHALLENGES
Significant UX and technical debt
Limited data connectivity and integration
Siloed technology teams with independent product releases.
CONTENT CHALLENGES
Product taxonomies were not centrally governed
Each business/ product group where in different stages of content readiness
A new eCommerce conversion path had to be introduced
Care had to be taken to ensure that SEO was not disrupted
Each business/product group had varied content needs
Improvement Opportunities
Improvement Opportunities
Through early research, the following opportunities for improvement were identified:
Pages were missing opportunities to engage early stage targets. Insights from analytics, user tests, and customer journey mapping revealed that while the current design was focused on users in the consideration stage, these pages were actually being used for a wide variety of tasks at every stage of their journey. The new design provides an opportunity to integrate marketing messaging, benefits-focused copy, and selection tools to capture the interest of users in earlier stages of their journey.
Primary conversions for the page were hidden. “Request a Quote” and “Find a Dealer” are the most important actions on the page. Though they were above the fold, several other links had been added which competed for the user’s attention. The new design effectively prioritized the most important CTAs and deprioritizes tertiary actions which were previously included above the fold.
The pages were stark and uninspiring. Not much more than a product encyclopedia or library. These product pages needed to continue to be a reference tool for the enterprise and a safe source for product information, however, there was no reason that we could not make the content more engaging. Among other enhancements, we added opportunities for business groups to provide dramatic, impactful images of machines in action, virtual product tours, a media gallery, and infographics and animations.
There was no great way to add supplementary content that supported the product’s value proposition. Additional modules were added that allowed business groups to integrate supporting case studies, testimonials, and thought leadership content which reinforced key messaging and more fully told the story of the product (and Caterpillar’s) value.
Promotions and offers were not well integrated. Although promotions were an important lead generation tool, the addition of a campaign banner was an afterthought. The new design provides an elegant way for multiple promotional offers to be added without disrupting the flow of content or detracting for the pages primary conversion
Elements that aid with product selection and navigation were hidden or not functioning well. Additional focus was given to the filters and facets on the family page. Also, enhancements were made to the comparison tool. Interactive tools—like calculators-- were added to the page.
Pages were missing opportunities to engage early stage targets.
Primary conversions for the page were hidden.
The pages were stark and uninspiring. Not much more than a product encyclopedia or library.
There was no great way to add supplementary content that supported the product’s value proposition.
Promotions and offers were not well integrated.
Elements that aid with product selection and navigation were hidden or not functioning well.
Actions
Product pages account for 70% of the Cat.com experience (140,000 pages) and a significant portion of lead generation. Because of this wide-ranging impact and business significance, this effort involved extensive research and stakeholder collaboration well in advance of strategy and design. Additionally, the design needed to scale across 30K products, which were all very different. This introduced complexity which made designing the experience more challenging.
Implementing changes to the product experience would impact multiple customer segments, business units, product groups, regions, technology teams, dealers, and agency teams. So that we could make decisions that had the least amount of disruption, I spent time ahead of the official project launch gathering information.
Conducting Impact Analysis
I documented all of the needs, goals, and challenges of everyone involved in this effort, along with potential impacts of making changes.
Documenting Opportunities
I gathered insights from stakeholder interviews, customer research, and site analytics to understand opportunities.
Documenting Technical Architecture & Constraints
I collaborated heavily with development teams to understand the technical architecture and system constraints.
Documented As-Is and To-Be Requirements
For each page, I developed cursory wireframes, outlined functional needs, and documented content requirements. This varied across products, regions, and business units.
I worked with a team of researchers and designers to create conceptual designs, conduct global user research, and gather business feedback across the enterprise.
Global Research
We worked with teams around the globe to gather insights which informed initial concepts. At specific points throughout the process, we also gathered feedback on designs.
Conceptual Designs
Early concepts were iterated more than 50 times based on global user research, business feedback, and technical feedback.
Technical Feasibility
I brought members of the technology team into this conversation to understand technical feasibility and implications of design decisions.
Once the design phase was complete, I worked with the development team to implement the solution. This started with a series of conversations between designers, developers, and business analysts.
Detailed Business and Technology Requirements
I worked with business analysts to develop more detailed requirements, plan for a variety of content scenarios, and identify downstream impacts.
Project Management / Roadmapping
The team used an agile approach to development. I worked with project managers and business analysts to build user stories, a feature roadmap and phased approach.
Content Requirements & Training
Both technology and content launches needed to go hand-in-hand. In parallel with these technology conversations, I mapped out new content requirements, prepared build books, and conducted training with business stakeholders who were responsible for content development.
MVP/Pilot
The pilot for these product pages launched in April 2019 at one of the largest tradeshows in the industry. This allowed the technical team to implement a scaled back version of new functionality. It also allows the team to conduct more user research at the show and on the site prior to the official launch.
Full Launch
The remainder of the product pages officially launched at the end of 2019. You can see the live pages below.
Results
The links below are a representative set of those within the new Product Experience. The design was applied to more than 100K pages within the Cat.com catalogue as well as dealers sites and other sites on the network.
KEY PAGES
The product catalog featured several product classes, each of which had slight variations in content and design. Further, content by region (not displayed here) varied.
RELATED PAGES
- Class Page – This is a landing page accessible via the main navigation. It includes links to all product classes and serves as a gateway to ever product within the catalog.
- Attachment Solutions – This is a special landing page for this group. In some instances, this audience may search by attachment type, but in many instances, they are searching by industry. This page was developed to provide tighter integration between industry and products.
- Parts – Parts are sold through a different platform, but often users come to Cat.com as a primary destination. This landing page provides key parts and gets them over to the eCommerce platform where they can get more details.
RETIRED PAGE
Here is a snapshot of the retired product page.