Methodology Work Services Book About Writing Make Me Think - chapters Methods Guide Notes Blog FAQ

Work / 04

04Prototype

Vacuum Sealers Unlimited

Online store for vacuum sealers, bags and processing equipment

A specialist store I rebuilt in 2019 and still run. The redesign keeps everything that works and is built so the first thirty seconds show it.

Store rebuilt 2019 and run since · redesign proposed June 2026 · store captured 2026-03-28, proposal 2026-10-06
Published with Vacuum Sealers Unlimited’s permission.

The live store’s desktop first screen, captured 2026-03-28: “SHOP NOW AND SAVE!”, “Welcome to our store!”, “Please contact us if you have any questions.” and a Visit The Store button on green, under the logo and a photo of meat and vegetables.The proposed homepage’s desktop first screen in its Invisible theme: “The right vacuum sealer for how you actually use it.”, a Shop Vacuum Sealers button, Help me choose, and four job tiles below.

Left: the live store’s homepage, on my 2019 build, captured 2026-03-28. Right: the proposed homepage in its first theme, Invisible, captured 2026-10-06 at the same size.

The scene photos in the proposal are generated stand-ins; the product photos are the store’s own.

The redesign I proposed in June 2026, online as a prototype. Its Aa button switches between the three themes.

What the design aimed for

Pre-verbal arousal: the nervous system registering trust, relevance, and forward momentum before the analytical mind engages.

For Vacuum Sealers Unlimited: a first-time shopper feels “calm, capable, in good hands” within the first few seconds.

Checkpoint 01 · First 50 milliseconds

“What is this, and can it help me?”

The shopper has not read a word. The page registers as either “a real place to buy the right machine” or “something to scroll past,” and the verdict is hard to reverse.

The live store’s desktop first screen, captured 2026-03-28: “SHOP NOW AND SAVE!”, a welcome line, a list of what it sells and a Visit The Store button.
BeforeThe live store’s first screen. Captured 2026-03-28.
Theme
The proposed homepage’s first screen in its Invisible theme, the store’s own green, gold and Roboto: “The right vacuum sealer for how you actually use it.”, a Shop Vacuum Sealers button and Help me choose. Gold markers 1 and 2 point at the decisions below.
AfterThe proposed homepage’s first screen. Invisible (original) keeps the store’s own green, gold, Roboto and logo mark; Workshop and Field & Game are new directions. Captured 2026-10-06.

Decisions

1

Name the job in the hero

L1 First-Impression Architecture

Clear the fifty-millisecond trust gate so attention switches on at all.

“The right vacuum sealer for how you actually use it.” Category and who-it-is-for land in the same instant the logo does, before the shopper reads.

2

Fuse expert and price up front

L1 First-Impression Architecture

Clear the fifty-millisecond trust gate so attention switches on at all.

L4 Decision Architecture

Structure the page so the right action is the easiest action.

“Expert help choosing, and prices that keep folks coming back.” Then one primary action, and a quieter “Help me choose” for the shopper who wants to be walked through it.

What it was built to change

Warm referral traffic recognizes the store on arrival. Cold traffic gets the category right on the first glance, without the page having to explain itself.

Paste-ready line

“The first fifty milliseconds decide whether a shopper stays.”

Checkpoint 02a · First 30 seconds

“Is this real, and is it for me?”

The shopper has decided to keep looking. Now they need a sign a real person stands behind the counter, and a way to see their own situation in what the store sells.

The live store below its hero: “Questions? Send us an email. Want to place an order over the phone? Give us a call”, the intro calling the store the proven low price leader, “Of course, all of our bags are BPA FREE.” in red, and the first row of category tiles, one with “FREE SHIPPING on Most Sizes” in red.
BeforeThe live store below its hero: an email-or-call strip, its intro, “Of course, all of our bags are BPA FREE.” in red, and the first row of category tiles. Captured 2026-03-28.
The proposed homepage below its hero: four job tiles (Hunting & Game, Long-Term Storage, Everyday Meals, Light Commercial), “Tell us how you’ll use it.”, a call line, and a strip reading 600+ products in stock, free shipping on every order, 1-on-1 expert help by phone. Gold markers 1 and 2 point at the decisions below.
AfterThe proposed homepage below its hero: four ways in, sorted by job; “Tell us how you’ll use it.”; and the trust strip. Captured 2026-10-06.

Decisions

1

A “tell us how you’ll use it” band, sorted by job

L3 Perception Bias Optimization

Design for what the reader actually does, not what they would say they want in a focus group.

Hunting and game, long-term storage, everyday meals, light commercial, so a shopper sees their own situation.

2

A real-human-help line in the trust strip

L3 Perception Bias Optimization

Design for what the reader actually does, not what they would say they want in a focus group.

The phone help is the one thing a big-box site cannot copy.

What it was built to change

Shoppers self-qualify inside the first half-minute. The right ones read on with “is this for me?” already answered, which is exactly the moment expert help converts a browse into an order.

Paste-ready line

“Trust is a perception before it is a judgment. The page earns it in the first thirty seconds, or not at all.”

Checkpoint 02b · Finding the right machine

“Where do I find what I need?”

This is the moment that costs completed sales. When there are too many doors, people stop choosing and leave. It is also the highest-leverage fix on the site.

The live store’s homepage category wall: twenty tiles in rows of three, each with a photo, a short line and a green Shop button.
BeforeThe live store’s homepage doubles as its catalog: twenty category tiles, each with its own green button. Captured 2026-03-28.
The proposal’s curated homepage: Shop by category, six department tiles each with a product count, and a link to browse the full store. Gold marker 1 points at the decision below.
AfterThe proposal’s curated homepage: six departments, each with a count, and the full store one click away. Captured 2026-10-06.

Decisions

1

Six goal-ordered departments

L0 Cognitive Load

Free the working memory the reader needs to process the page at all.

L4 Decision Architecture

Structure the page so the right action is the easiest action.

Product counts stay as a breadth signal, and the full catalog sits one click away on the shop page.

What it was built to change

The homepage goes from a wall to six clear doors. The breadth still shows, as counts, which is selection proof rather than a tax. The uncertain buyer, the one most likely to call or to leave, finally has an obvious first move.

Paste-ready line

“Selection is an asset. A wall of it is a tax.”

Checkpoint 03 · The whole visit

“Is this the kind of store I trust with my order?”

Trust is cumulative. Every section that shouts for attention spends a little of it, until nothing leads and the shopper is the one left to figure out what matters.

The end of the live store’s homepage: two video players, a trademark note, a return policy link and a footer of sixteen links over payment logos.
BeforeThe end of the live store’s homepage: videos, a trademark note, and a footer that repeats most of the menu. Captured 2026-03-28.
The end of the proposed homepage: a green band, “Every sealer needs the right bags.”, one filled Shop bags and rolls button and a call link, then a footer of three short columns. Gold markers 1 and 2 point at the decisions below.
AfterThe end of the proposed homepage: one band with one filled button, then a footer cut to three short columns. Captured 2026-10-06.

Decisions

1

One filled action per view

L4 Decision Architecture

Structure the page so the right action is the easiest action.

Gold is reserved for the single primary step; everything else steps back to quieter weights.

2

De-bloat the footer

L0 Cognitive Load

Free the working memory the reader needs to process the page at all.

L4 Decision Architecture

Structure the page so the right action is the easiest action.

Trimmed to what people actually look for at the bottom of a page, instead of a second copy of the navigation.

What it was built to change

The page has one clear first action and a calm place to land. The eye always knows where to go next, and the trust built early in the visit is still intact by the time the shopper reaches the cart.

Paste-ready line

“Calm is not the absence of energy. It is energy pointed at one thing.”

The method

Five layers, with the limits and the research behind eachShow all +Hide
  1. L0 Cognitive Load

    Free the working memory the reader needs to process the page at all.

  2. L1 First-Impression Architecture

    Clear the fifty-millisecond trust gate so attention switches on at all.

  3. L2 Processing Fluency

    Make the page easy to read so the content feels true.

  4. L3 Perception Bias Optimization

    Design for what the reader actually does, not what they would say they want in a focus group.

  5. L4 Decision Architecture

    Structure the page so the right action is the easiest action.

The framework, with its research and its limits

Result

Online as a working prototype: one theme in the store’s own colors and type, two new directions.

Since my 2019 rebuild, the store has grown, quadrupling revenue to $5M+ annually.

Perception-First Design™ consulting

For branding, brand development and marketing strategy.

Stefan Kovalik   San Francisco

Send me your site.

I’ll tell you what I’d change. No pitch, just an honest read. If it makes sense to work together, we will.

Weekday response within 48 hours.

I have room right now.