Pinecone Digital × ICM Solutions Direction · 01
Aesthetic Direction

A site engineered
to match the
equipment.

ICM moves serious tonnage. Crushers, screens, pavers, mining systems — eight locations, fifty-eight technicians, fifteen thousand part lines. The site should feel like the company: industrial-grade, precise, locally-owned, and built so operators, engineers, and procurement people can find what they need without friction. Below is the direction we're recommending. Sit with each section. React.

Tone Industrial, precise, confident
Audience Operators & procurement
Hero metric Lighthouse 90+ on mobile
Build path WordPress, hardened
8
Locations · UT · AZ · NV · ID
58
Technicians on staff
150
Rental units in fleet
15,000
Part lines stocked
01 — Positioning

Where ICM sits on the spectrum.

The recommendation is to anchor 80% industrial-grade restraint, layer in 15% selective interactivity that reads as engineering polish rather than agency play, and reserve 5% for considered motion. Confidence without flash.

15%
Borrow

Engineered Interactivity

Reference: Metso, Komatsu. Spec comparators, model finders, parts lookup — interactions that exist because they solve a real procurement problem. Not interactivity for its own sake. Every motion has a job to do.

5%
Polish

Considered Motion

Subtle hover states, spec numbers that tick up on scroll, locations that pulse on the map. Used everywhere but used quietly. Motion that tells you the site is alive — and engineered — without distracting from the work.

02 — References

Sites we're watching.

These are the references that shaped the direction. Each one teaches something — and each one shows where ICM's site should rhyme, and where it should diverge.

Strong reference

Metso

metso.com

ICM's primary OEM partner — and not by accident the cleanest reference for this category. Restrained palette, equipment photography front and center, technical spec tables treated as design objects rather than afterthoughts. The information architecture (Products → Services → Parts → Sustainability) is the model.

What we borrow Spec-table aesthetic. Equipment hero treatment. Industrial-confident tone. A clear separation between "shop the equipment" and "talk to a person." View site →
Strong reference

Wirtgen Group

wirtgen-group.com

German precision applied to a heavy-equipment website. Dark mode used with discipline — not as a style choice but to make the equipment glow. Editorial treatment of product narratives. Their model pages are the closest thing to the spec-rich, photography-led equipment pages we want for ICM.

What we borrow Dark mode used as a stage, not a costume. The pace of revealing technical detail. Restraint on the homepage — they don't try to say everything at once. View site →
Strong reference

Komatsu

komatsu.com

Global scale executed as if it were boutique. Strong use of interactive spec finders and configurators. Their parts & service positioning is exactly the lift ICM needs — they make support feel like a product, not a footnote.

What we borrow The promotion of service & parts to first-class citizens. Spec finder mechanics. The discipline to treat support content with the same polish as marketing content. View site →
Selective reference

Wheeler Machinery (Cat)

wheelercat.com

A sister Campbell Companies dealer — useful as a comparison point and a "we should clearly belong in this family" signal. Their site is functional but conventional Cat-dealer. ICM should look like it belongs in the family but reads as a more modern, more focused version of the same playbook.

What we borrow Locations-first navigation. Apply-for-credit and schedule-service as durable utility links. Family alignment without copy-paste. View site →
03 — The Equipment Tile

Three tiles. One stage.

The most important interaction on the site. At rest: three featured products with strong photography, model number, category. On hover: the tile expands to fill the row, photography goes full-saturation, real specs emerge — throughput, weight, power, application. The interaction says: this is a dealer that knows its equipment cold. Hover any tile below.

Hover any tile
Aggregates · Cone Crusher

Metso Nordberg HP400e

High-performance · Stationary

Aggregates · Track Screen

McCloskey S190

Heavy-duty · Tracked

Concrete Paving · Slipform

GOMACO Commander III

Curb & Gutter · Slipform

01 of 110 models
Aggregates · Cone Crusher

Metso Nordberg HP400e

High-performance stationary cone crusher

Designed for high reduction ratios in secondary, tertiary, and quaternary crushing. The HP400e brings the latest evolution of the HP platform — improved energy efficiency, advanced automation, and proven reliability for aggregates and mining operations across the Intermountain West.

Capacity 435tph
Power 315kW
Weight 12,720kg
02 of 110 models
Aggregates · Track Screen

McCloskey S190

Heavy-duty tracked screen plant

Built for high-volume aggregate and recycling applications. The S190 pairs a 20 ft × 6 ft inclined three-deck screenbox with on-tracks mobility — production-grade output in a unit you can walk between pits without a low-boy.

Capacity 500tph
Engine CAT C4.4Tier 4F
Mobility Tracked
03 of 110 models
Concrete Paving · Slipform

GOMACO Commander III

Three-track slipform paver

The workhorse slipform paver for curb, gutter, sidewalk, barrier wall, and irrigation. Three-track configuration provides exceptional stability and flexibility — a longstanding favorite for DOT and municipal jobs across Utah and the wider Intermountain region.

Configuration 3-Track
Pour Width Up to 14ft
Application Curb · Gutter · Barrier
04 — Supporting Motion

Three more engineered moments.

The equipment tile is the loudest interaction on the site. These three are quieter — used on stat blocks, locations sections, and editorial moments. Always present, never demanding. Hover each demo.

Spec Counter Scroll-triggered
Capacity 435tph
Power 315kW
Weight 12,720kg
Hover
Spec numbers tick up like a control panel powering on. Used on the homepage stats block and at the top of every equipment page. Reads as instrumentation, not decoration.
Locations Pulse Map · Footer
8 Locations · UT · AZ · NV · ID
Hover
Locations dots stagger-pulse to suggest the footprint. Used on the Locations page header and as a quiet background element in the footer. ICM's coverage made tactile.
Editorial Reveal Section headers

Built to last.

Stocked to serve.

From the field

Hover
Statement copy rises from beneath a clipping mask, line by line. Used for editorial moments — service-pillar intros, location stories, the Campbell Companies section, the careers page.
05 — Typography

Type as structure.

Three families. Archivo (display) for headlines and model names — a wide, geometric sans with industrial backbone. Inter (sans) for body and navigation. JetBrains Mono for specs, codes, and any moment where the system needs to read as instrumentation.

Display · Equipment Titles · Headlines
Nordberg HP400e
Aggregates
Crushing
Archivo · Variable sans · 300/400/500/600/700/800 · Wide aperture, industrial
Body · Navigation · Marketing copy
ICM Solutions is a locally owned Salt Lake City equipment dealer serving the Intermountain West. We carry Metso, Lippmann, McCloskey, GOMACO, Eagle, and more — backed by 58 technicians, 8 locations, and 15,000 part lines.
Inter · Sans-serif · 300/400/500/600 · Optimized for screen reading
Mono · Specs · Codes · Metadata
MODELHP400e CAPACITY435 tph POWER315 kW WEIGHT12,720 kg PART LINEMMP-7042-A1
JetBrains Mono · 400/500 · Used for spec sheets, part numbers, location codes, anywhere the system needs to read as instrumentation rather than marketing
06 — Palette

Dark canvas. One blue.

The equipment photography is the color story. The interface is near-monochrome — dark canvas, light type, a single saturated blue pulled directly from the ICM mark. The deep blue is the supporting tone for hover states, charts, and quieter accent moments.

Deep
#07090B
Canvas
#0B0D10
Elevation
#181D23
Ink
#F1F4F7
ICM Blue
#3EB3DF
Deep Blue
#1E7FA8
07 — Components

A small vocabulary.

Most equipment-dealer sites are seven or eight components, repeated. Building a small, opinionated system that gets executed precisely is more durable on WordPress than a sprawling library that gets implemented inconsistently across pages and over time.

/01

Equipment Tile

The cinematic, full-width expand-on-hover unit. Featured on homepage, used on category indexes, related products, and rental fleet listings.

Home · Aggregates · Paving · Mining · Rental
/02

Equipment Detail

Hero, spec table, application gallery, related models, parts & service callout, request-quote form. Reads like a product datasheet rendered for the web.

Each model page
/03

Service Pillar

Landing page per pillar — Aggregates, Concrete Paving, Mining, Parts & Service, Rental, Site Design. The big four-pillar story turned into navigable hubs.

Each service vertical
/04

Locations Hub

Map-driven page surfacing all 8 facilities with addresses, contacts, hours, and the service radius for each. The Locations Pulse motion lives here.

Locations · Footer · Contact
/05

Parts & Service

Schedule service, parts inquiry, field service truck dispatch, technician roster overview. The "15,000 parts" promise made operational on a page.

Parts · Service · CTAs
/06

Resources / Insights

Editorial long-form. Operator guides, spec comparisons, site design case studies, industry news. Type-led, restrained imagery, SEO-built.

Insights · Blog · Resources
/07

About & Campbell

Firm narrative, leadership, careers, the Campbell Companies family relationship. Builds trust and routes hiring traffic.

About · Careers · Family
/08

Inquiry

Smart contact form with intent routing — quote, rental, parts, service, site design, careers. Replaces the generic "contact us" with qualified intake.

Contact · CTAs · Quote forms
/09

Credit & Account

Apply for Credit and My Account links treated as durable utility elements in the header — the trust signal that says "we finance, we have an account portal."

Header · Footer · CTA blocks
08 — Discipline

What we avoid.

The discipline matters as much as the intent. Below are patterns that are common in the heavy-equipment-dealer category but would undermine where we're positioning ICM.

× Massive orange or red "Get a Quote" buttons stacked everywhere Standard dealer-website convention. Reads as aggressive and dated. We use the ICM blue as the single CTA color, applied selectively where action is genuinely the next step.
× Stock photography of generic crushers or anonymous operators Equipment photography is the entire point. If a featured model doesn't have strong photography, we either request OEM assets through Metso/McCloskey/etc., or shoot it on a real ICM jobsite before featuring it.
× Carousels, sliders, and rotating hero banners A WordPress-era reflex. Carousels rank below their first slide in both attention data and SEO. We commit to a single, strong hero — video loop or still — and let the page do the work.
× Decorative gradients, glow effects, "techy" SaaS motion ICM is a heavy-equipment dealer, not a B2B SaaS company. Motion here serves equipment, specs, and locations — not abstraction. No floating blob backgrounds.
× Spec tables that read as afterthought afterthoughts Most dealer sites treat specs as a downloadable PDF. We treat the spec table as a designed component — readable, comparable, sharable. The mono type system exists specifically to give specs first-class treatment.
× Centered-everything layouts and identical hero treatments Defaulting to center alignment loses the engineered quality. Asymmetric layouts feel deliberate — and they hold up better when content varies by page (model vs. service vs. location vs. insight).
09 — Your turn

React.

As you sit with this, the questions below help us calibrate before we move into the WordPress build. Reply with quick reactions — even one-word answers are useful.