Case Study · UX / UI Design · Industrial · 2024–2025

Caldwell Product Pages

Redesigned product detail and category pages for Caldwell's lifting device catalog — improving clarity, spec findability, and conversion for distributor and end-customer audiences.

2 page types
Product detail + category pages redesigned
4+ sections
Organized via accordion: Features, Warnings, Specs, Support
Mobile
Greatly improved mobile experience
UI/UX Designer & Usability Lead
The Caldwell Group, Inc.
Caldwell product detail page

Dense pages, buried specs, broken on mobile

What success looked like

  1. 01 Make specs, features, and support content easy to find without reading everything.
  2. 02 Dramatically improve the mobile experience for field users.
  3. 03 Create a layout that scales across all product lines without custom work per product.
  4. 04 Make content easier to update and maintain for the internal team.

How we solved it

01

Accordions to conserve space and reduce cognitive load

Replaced the long unbroken page with collapsed accordion sections: Features, Warnings, Specs, and Support. Users can jump directly to what they need without scrolling past everything else.

This also dramatically improved the mobile experience — dense tables and spec lists collapse cleanly, letting mobile users navigate the same content without the desktop pain.

Caldwell product page with accordion layout
02

Sub-sections that mirror how users actually think

Introduced named sub-sections — Product Features, Product Warnings, Spec Tables, and Support Downloads — organized around the questions users actually come to the page to answer.

This structure also made maintaining content easier — new information goes in the right place, and the page stays organized without manual cleanup.

Caldwell product category page
03

Redesigned category pages with a card-based layout

The product category pages — listing all models in a product line — were rebuilt as a card grid. Each card surfaces the key spec at a glance, making comparison and selection dramatically faster.

The card layout also scaled well to mobile — stacking cleanly and keeping the most important info visible without horizontal scrolling or table overflow.

Caldwell category page card layout

What improved

Findability
Faster

Users reported faster access to specs, features, and support content. Accordion structure let them go directly to the section they needed.

Mobile Experience
Transformed

Dense desktop tables and spec lists now collapse and stack cleanly on mobile — a significant improvement for field personnel accessing product information on the go.

Scalability
System-wide

The new layout pattern scales across all product lines without custom work per product — reducing maintenance burden and improving long-term consistency.

What I'd Explore Next

If the work continued

My Role

UI/UX Designer & Usability Lead