380 products, found by the regulation you have to meet
WebsiteSEO
Environmental Supply has been building source-testing equipment in Durham since 1995: isokinetic trains, sampling consoles, heated filter boxes, umbilicals. Thirty-one years of catalog, shipped to authorized distributors in eleven countries.
Their buyer is not browsing. A source-testing engineer has an EPA method to satisfy and needs the equipment that satisfies it, so the site is organized the way the work is organized: by method, by family, and by the part number already written on the purchase order.
The whole idea
Three ways in, because buyers arrive three ways
Search by EPA method, browse four family hubs, or type the part number you already have. Every product in the catalog is cross-referenced to the methods it serves, so somebody who has been handed Method 5 can get to the 82 products that satisfy it without knowing a single product name.
The sampling train
The method, drawn, with every part a pin
A Method 5 train is a dozen components in a specific order, and knowing the order is the job. So the method page draws the train and makes every component a pin. Click one and you get the part, its SKU, what it does in this particular train, its specs, and a button to add it to your quote. The legend carries three states, because the drawing also shows what you have already chosen.
Every part of the train is a pin, and the panel waits
Catalog
381 product pages, filtered two ways at once
Family and method filters sit side by side above the grid, so you can narrow to Isokinetic and Method 5 together and get the short list that actually applies. Each card carries its SKU and a quote button, because that is the next thing this buyer wants to do.
The client edits this themselves, in the CMS
Method pages
The regulation gets a page of its own
Seventeen EPA methods each get their own page, explaining what the method determines and listing every product that serves it. It is the page a search engine can answer with, and the page an engineer can send to a colleague as a complete answer.
The client edits this themselves, in the CMS
Product detail
Everything a purchase order needs
Component parts, a specification table with every part number, the methods it serves and a gallery that shows the actual equipment. This is technical buying: the person reading it is checking a list, not being persuaded.
The client edits this themselves, in the CMS
Building an order
Add products as you go, then the form knows
Every card in the catalog has a quote button. Pick products while you browse and the list follows you, so the request form opens already listing them as editable rows with quantity steppers, a remove control and a running total. It is the useful half of a shopping cart, without pretending an industrial purchase ends in a checkout.
Every card carries a quote button
Reassurance
The numbers a new buyer is checking
380 products, four families, thirty-one years, eighteen methods, set in a band across the page. They are read straight from the catalog and the analytics rather than typed in, so the band is still true a year from now without anybody remembering to check it.
Under the hood
The spreadsheet retired
Reorganizing the catalog used to mean editing a Google Sheet and handing it over. It now happens directly in the CMS, by the people who know the products.
Built for the way it is searched
Every product carries its SKU, its description and the methods it serves, so one search box answers all three kinds of question.
410 pages that load like one
Every product and every method page is rendered before a visitor asks for it, so a catalog this size opens as fast as a single page.
Quote requests are protected
A bot check runs on the form, and the destination is resolved on the server from a short key, so no address sits in the markup.
Publishing is immediate
A publish from the CMS rebuilds only what changed, so a corrected spec or a discontinued part is live without a deploy.
Check out these other projects
Sheps DATA+Fifty years of rigor, on a site that shows itThe technical arm of a UNC research center founded in 1968, and a site that puts the depth in front of a researcher before she has to ask for it.See the project 
Ainsworth AssociatesAn advisory practice that can't show its clientsA strategic advisory practice that can't name its clients, so the site proves its taste instead.See the project 
DefinianForty years of data work, told in about two minutesForty years of enterprise data work, told in about two minutes, across 325 pages.See the project Adrial is my go-to designer for anything my business needs … which is why I have used him for three different companies over the last 20+ years.
Craig WoodCEO, Definian
Your great work deserves to look great.
Twenty-five minutes. Tell me what you're trying to do and who needs to see it, and I'll tell you what I'd build first and roughly what it costs.