PROJECT SPOTLIGHT / E-COMMERCE, PHASE TWO

Familiar craftsmanship, refined online. The next chapter of a site we built.

Shaun Wilson Designs built the Heimerdinger Cutlery website and has run it since. This phase carries it forward: a refined visual style, a more useful way through a specialist catalogue, product details worth a closer look, a custom cart drawer, and a proper home for the sharpening services. Same business, same identity, more depth. The original build has its own case study.

CLIENT

Heimerdinger Cutlery, Louisville, family owned since 1861

RELATIONSHIP

Website built by Shaun Wilson Designs; hosted, maintained and improved continuously

THIS PHASE

Responsive header and mega menus, category templates, product gallery and inspector, cart drawer, sharpening services page, category imagery, product photo cleanup

DELIVERY

WooCommerce on Kadence, live through September 2026

BUILDING ON WHAT WE KNOW

An established website is a foundation, not a starting point.

An established website carries the identity of the business and the work already invested in it. Heimerdinger has served Louisville since 1861, sells roughly a thousand products across 176 categories, and sharpens what it sells. The site we built for that business did its job. This phase is about doing it better.

Working on a website over time gives a designer a deeper understanding of its identity, its content and its practical needs. So the improvements here are specific: a category page that explains a range before it lists it, a product gallery that invites a closer look, a cart that tells you how far you are from free shipping, and a sharpening page that treats the service with the same care as the shop.

The character stays. The warm neutrals, the dark brown, the brass tones and the distinctive typography are the same identity customers already know. What changed is how much the site helps once you are inside it.

THE WORK, AS BUILT

Exact screens, not mockups.

These are direct browser captures of the live site at 1440 and 390 pixels. Nothing redrawn, nothing staged.

Exact capture of the Heimerdinger Cutlery homepage at 1440 pixels: top bar with the free-shipping offer, main navigation, category bar and the Sharpness Redefined hero.
Heimerdinger Cutlery: homepage at 1440 pixels.
Exact capture of the Magnifiers category on the Heimerdinger Cutlery website at 1440 pixels: category introduction, subcategory chips and product cards.
A detail page at 1440 pixels.
The Heimerdinger Cutlery homepage on a 390-pixel phone.
The homepage on a 390-pixel phone.
WHAT WE BUILT

The work, piece by piece.

Responsive header and mega menus

A header that carries the main shopping and service paths across desktop, tablet and phone, with mega menus for a catalogue this deep and a mobile menu that puts the collection one tap away.

Category templates with a job

Each category opens with an introduction, links to its subcategories and navigation chips between related types, so a magnifier shopper can move from the range to the exact tool.

Product gallery and image inspector

Thumbnail views and a click-to-inspect presentation that magnifies the actual product photograph rather than a substitute.

A custom cart drawer

WooCommerce’s own mini-cart inside a drawer we designed, with a free-shipping progress message that reads the live threshold and product suggestions under Goes Well With.

Sharpening services, properly presented

A dedicated page for the sharpening business with service information and its own inquiry form, styled as part of the same website family.

Category imagery and product photo cleanup

149 atmospheric category heroes across the subcategory tree, and a source-pixel cleanup of every Pocket Magnifiers product image with consistent framing.

DESKTOP, DETAIL, PHONE

Built for every screen it will meet.

The Heimerdinger Cutlery website on a phone and a tablet, homepage and Magnifiers category, a presentation scene built from the real site.
Current desktop, detail and phone views from Heimerdinger Cutlery.

149

category heroes live across the subcategory tree

44

Pocket Magnifiers product images cleaned and reframed

1

cart drawer that reads the real free-shipping threshold, not a typed number

3

screen widths checked: 1440, 834 and 390 pixels

THE RESULT

The same store, with more help inside it.

Heimerdinger’s customers meet the identity they already know, then find more useful routes through the range, product imagery they can examine, a cart that explains itself, and a clear place for sharpening. The underlying commerce platform keeps doing its established job; our contribution is the presentation and the behavior around it.

There are no conversion, revenue or ranking figures on this page, because none have been measured for this phase. What it shows is a continuing design relationship and the specific work it produced.

TWENTY SECONDS

A familiar brand. A fresh chapter.

Built by Shaun, refined over time. Original score, no narration.
IN ONE LINE

Same craftsmanship. Refined presentation.

The identity customers recognize, carried onto every screen with more useful detail behind it.

WHAT WAS DONE, IN DETAIL

Six refinements, and why each one earned its place.

Exact capture of the Magnifiers category on the Heimerdinger Cutlery website at 1440 pixels: category introduction, subcategory chips and product cards.
ONE / A USEFUL STRUCTURE

Explain the range, then hand over the choice.

A specialist retailer needs more than a single shop grid. The Magnifiers category opens with what the range is for, lists its subcategories, and offers navigation chips between Coddington, hand-held, linen testers, loupes, Optivisor and pocket magnifiers.

Someone who knows the type they need moves straight to it. Someone still exploring reads first. The design connects the explanation to the next available choice instead of treating every category as an isolated page.

TWO / THE GALLERY

Give each product room to be seen.

The product gallery offers thumbnail views and a clear main image with the real product photograph. It sits beside the buy column and travels with the customer down the page, so the picture is never out of reach while they read.

The product gallery with thumbnail views on a Heimerdinger Cutlery product page, a native capture of the public storefront.
The click-to-inspect product image view on the Heimerdinger Cutlery website, magnifying the actual product photograph.
THREE / CLOSER INSPECTION

Take a closer look, at the actual photograph.

Click the image and an inspector magnifies the real product photo. The magnified pixels are the source image, not new product art, which matters for a customer choosing a loupe or a blade by the detail they can see.

FOUR / THE CART DRAWER

Useful next steps, within reach.

Add a product and a drawer slides in with WooCommerce’s own mini-cart inside. Above the buttons: a progress message toward free shipping that reads the store’s live threshold from the shipping settings, so the copy can never drift from the real offer. Below it: three suggestions under Goes Well With, drawn from the product’s own links first and its category second.

The purpose of showing it here is to explain the design and behavior. There is no sales-lift claim attached to these screenshots.

The custom cart drawer on the Heimerdinger Cutlery website: one item, a free-shipping progress message and three Goes Well With suggestions.
Exact capture of the Sharpening Services page on the Heimerdinger Cutlery website at 1440 pixels.
FIVE / SERVICES

A retailer’s expertise, given its own page.

Sharpening is part of what Heimerdinger is. Its page brings the service information and an inquiry form together with the same visual character as the shop, so the knowledge behind the counter has a place online, not a footnote.

SIX / IMAGERY AT SCALE

Consistent product rows, category by category.

A catalogue of about a thousand products only looks like one store if the images agree with each other. This phase added atmospheric heroes to 149 subcategories and cleaned every Pocket Magnifiers product image at the source pixels with consistent framing, so a category row reads as a set.

A four-card product row in the Pocket Magnifiers category on the Heimerdinger Cutlery website, a native capture of the public storefront.
ON A 390-PIXEL PHONE

The character carries through.

Checked at 1440, 834 and 390 pixels on September 20, 2026: one H1, no sideways scroll, readable buttons.

The Heimerdinger Cutlery homepage on a 390-pixel phone.
The homepage, with the offer bar and the collection a tap away.
The open mobile navigation on the Heimerdinger Cutlery website on a 390-pixel phone.
The mobile navigation, open.
The Sharpening Services page on the Heimerdinger Cutlery website on a 390-pixel phone.
Sharpening services on a phone.
RELATED

Read next.

The original Heimerdinger build

The first chapter: the WooCommerce store, live UPS rates, the Google Shopping feed and the move to our own server.

E-commerce website design

What we build for stores, from the catalogue structure to the cart.

The details that move an established website forward

A short guide, written from this phase, on improving a site without starting over.

LOUISVILLE, KENTUCKY

Built in Louisville, for a Louisville institution.

Shaun Wilson Designs builds, hosts and keeps improving websites for Louisville businesses. Heimerdinger is one of the longest relationships on this site, and this page is the second chapter of it. See web design in Louisville or WordPress maintenance for how the ongoing part works. The two device scenes on this page are presentation environments built from the real screens; the browser captures are the exact record.

YOUR PROJECT NEXT

Tell me what you are building.

One conversation, one builder, a clear next step. The person you brief is the person who does the work.

Similar Posts