PREPARED FOR
CDP · EST. CLIENT
Cooler Door Parts
The final website mockup, built specifically for your business.
Click the card below to open the live design.
REDESIGN REVIEW · 2026·SOURCE: COOLERDOORPARTS.COM·BY SERVICE STORM
FINAL MOCKUP
Cooler Door Parts — final mockup.
Click the card to open the live design. Tap WHAT CHANGEDfor the full summary of what’s built and the few remaining items.
★FINAL MOCKUP
Cooler Door Parts
The completed design — open WHAT CHANGED below for the full change log and remaining items.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
FINAL · ROUND 4 (LATEST)Each piece of your recent feedback has been applied to this latest mockup. The previous round is still available below if you’d like to compare the two side by side.
Each bullet below maps a confirmed pick or final-round adjustment to a concrete change on the live mockup.
HEADER & MENU
- Aggregate menu pages: the 5 boxed nav buttons now drop into aggregate category pages instead of single-brand collections. Glass Door Parts merges Anthony + Gemtron + Hussmann + gaskets in-app, with Energy Door, Hillphoenix, Kysor Warren, Styleline, Thermoseal, True, and Zero Zone called out and linked to the live store at the top. Parts for Cases shows Hussmann + Kason / leak-detector / roller-mat hardware in-app and links out for Hillphoenix and Kysor Warren. Parts for Walk-Ins merges Ardco + the full strip-curtain kit lineup.
- Strip curtains expanded: the strip-curtains aggregate now renders 16 in-app product cards (was 7 in round 3) — pulled the rest from the live collection page. Parts for Walk-Ins picks them up automatically.
- Full link audit complete: the top-nav Resources dropdown, the dark footer (Shop / Resources / Company / Legal columns), and every internal link inside body content (FAQ answers, Industries cross-nav, Shop-by-Category tiles, blog cross-nav, policy sidebar, “back to industries” breadcrumb, About-page CTAs) were each tested and now resolve cleanly within the round-4 design. Once you enter the round-4 surface you stay in it — the only way back to round 3 is the explicit card on this hub. If anything specific still feels off when you click through, send the URL and we’ll address it in the next pass.
BODY COPY & VISUALS
- About Us stat refresh: the four stat tiles now read 15+ Years Specializing · 1000’s OEM-quality Replacement Parts · 1 Day Orders Ship In · 🇺🇸 In Stock (the flag is rendered as a real graphic, not an emoji).
- “What we stock” bullets: retitled to mirror the 5 menu names exactly — Glass Door Parts for Reach-Ins · Parts for Cases · Parts for Walk-Ins · Gaskets · Strip Curtains.
- Blog list: the blog index now surfaces all 9 posts. The 6 articles we previously rebuilt continue to open inside the new design; the 3 newly-added posts (3-Wire Hinge Pin Explained · Torque Masters & Torque Rods · Hold Opens Matter) currently link to the live store version of each article. Bringing those 3 into the new design is a small finishing pass we’ll fold in alongside the final deployment work. Cover images for the 3 newer posts have been updated to the product imagery you supplied.
- OEM logos enlarged: Shop by Brand tiles widened to a 16:10 aspect ratio with reduced inner padding so each logo claims visibly more pixels. Side-by-side with round 3 the diff is obvious.
FORMS & INTEGRATIONS
- Klaviyo signup wired: the footer and Discounts-page email forms are now wired against the API key and list ID you provided. Please send a test submission from each form and confirm the new profile appears in your Klaviyo Marketing list — once confirmed on your end we’ll consider this done.
- Quick Quote → Klaviyo: the Quick Quote form is now wired to post a Quick Quote Submitted custom event into Klaviyo against the submitter’s profile, using the API key you provided. Please send a test submission and confirm the event lands in your Klaviyo dashboard. From there you can build a flow on that event to route notifications to email or Slack — no extra vendor needed. (File uploads on the form are still placeholder — the Vercel Blob backend is queued for a later pass.)
- Pro Account application: the wholesale-reseller / Pro Account registration form is live at
/pages/register, modeled on the reference you sent and adjusted per your spec — State Vendor’s License Number is omitted, the State Sales Tax Exemption Form upload is optional (not required), and the Industry field is removed. Submissions post a Pro Account Application Submitted custom event into Klaviyo against the submitter’s profile, the same pattern as Quick Quote, so you can build a flow that routes new applications to email or Slack. Header “Register” and hero “Create Account” CTAs both route here. - Live chat (Tawk.to): Tawk.to is installed across the v2 surface. The chat bubble loads bottom-right on every page; messages route to your Tawk.to dashboard (or the Tawk.to mobile / desktop apps). Reply to visitors from any of those, route by team member, and review transcripts — all from inside Tawk.to.
NEXT STEPS
Items pending your input or queued for the final deployment phase.
- Search / Shop / Login: The Search bar, Shop, Login, Register, and Cart elements have been restyled to match the new design and route to the existing Shopify storefront, where the product catalog, customer accounts, cart, and checkout continue to live. The next step is to bring those Shopify-hosted pages — the login screen, the cart, the checkout flow — into the same look and feel as the marketing site so the handoff between the two feels seamless rather than jarring. We’ll fold that work in at the final deployment phase.
- Quick Quote & Pro Account file uploads: the Upload fields on both forms (per your spec) are in place visually — visitors can pick a file. Actually delivering those files to you alongside the form submission requires enabling file storage at final deployment. We’ll switch it on as part of the production setup — storage cost is bundled into the existing hosting arrangement, nothing extra needed on your end.
PREVIOUS REVISIONS · KEPT FOR REFERENCE
ROUND 3
The mockup before the final version.
3ROUND 3
Round 3 mockup
Stacked logo · 5 boxed categories + Resources▾ · AllPoints banner · new headline · Shop by Brand · separate Who-Buys · Resources grid · email-signup footer.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
FINAL · ROUND 3 EDITS APPLIEDEach numbered item from your latest reply is now live on the mockup. Forms are UI-complete; backend wiring runs at production rollout.
Each bullet below maps a client request to a concrete change on the live mockup.
HERO & NAVIGATION
- 1 · Industries We Serve: added a new entry to the Resources dropdown plus a dedicated /industries landing page and 5 dynamic per-industry sub-pages (Supermarket & Grocery · Convenience · Discount & Dollar · Drugstores Pharmacy · Liquor). Each sub-page has its own hero, body copy, and visually-hidden SEO list of common store names.
- 2 · Banner: centered text reads “Commercial Cooler Door Parts” — “Specialists” dropped per request.
- 3 · Headline: hero H1 now reads “OEM-quality replacement parts — shipped fast for service teams that can’t wait.”
- 4 · Equal heights: hero left graphic and cross-ref box now share an h-full + flex column so the bottom edges align at desktop widths.
- 5 · Industries strip: directly below the hero — five icon buttons centered across the page (Supermarket & Grocery · Convenience Stores · Discount & Dollar Stores · Drugstores / Pharmacy Retail · Liquor Stores), each with the colored store icon (🛒 ⛽ 🏷️ 💊 🍾) you asked us to bring back from the previous round. Each opens its own /industries/<slug> page.
BODY, BRAND & FOOTER
- 6 · Shop by Brand: heading rewritten to “Replacement parts for the OEMs you work with.” Tile order matches your row layout: Anthony · EDC · Gemtron · Hillphoenix · Hussmann (row 1) → Kysor Warren · Styleline · Thermoseal · True · Zero Zone (row 2). All 10 OEM logos you sent are now live on every brand-tile surface — no more styled-text fallbacks.
- 7 · Who We Serve removed: the section is gone — Industries strip replaces it.
- 8 · Who Buys removed (SEO kept): the visible section is gone; the buyer terms (Installers, HVACR Techs, Facility Service Managers, Contractors, Parts Buyers, Procurement Teams) survive in a screen-reader-only block before the footer so search engines still index them.
- 9 · Email signup: footer form is now fully UI-complete (typed input, submitting state, success message, error feedback). Submits to a stub /api/subscribe today; production rollout swaps in the real Klaviyo call.
- 10 · FAQ: /pages/faq is now a real accordion, modeled on the smpw.com/faq layout you liked, populated with the 6 questions + answers from your follow-up doc. Pro Account / Shipping / Refund / Newsletter answers all link into the right in-app pages.
- 11 · Quick Quote: /pages/quick-quote is the full 9-field form (Name · Company · Phone · Email · SKU/item · Qty · Date Needed By · Upload · Notes) with validation and success/error states. File-upload backend is deferred to production.
- 12 · Discounts Sign Up: /pages/discounts wraps the same Klaviyo signup form in a dedicated landing — submits through the same path as the footer.
OPEN FOLLOW-UPS
Items that need your input or production-rollout work before they go live.
- Klaviyo API key scopes: the signup form is fully wired to your Marketing list and we’ve tested end-to-end — Klaviyo accepts the key but blocks the subscribe call with “missing required scopes: lists:write, profiles:write, subscriptions:write.” Edit the key in Klaviyo to add those three scopes (or generate a new key with them and send it over). Once it’s scoped, signups go live instantly — no redeploy needed.
- Quick Quote file-upload backend: file input renders today, but the chosen file isn’t persisted. Production rollout adds a Vercel Blob (or similar) presigned-upload flow.
- Pro Account credit application: Q4 of your FAQ asks visitors to apply for payment terms via a credit application form. We don’t have one in the design yet — happy to build it modeled on the CaseParts / AllPoints references you sent. Tell me the fields (or paste a current credit-app PDF) and we’ll wire it.
- Trade Account → Pro Account rename: done across the final-v1 surface (footer, FAQ, Discounts page, industry copy). Older round-1/2 reference cards on the hub keep the historical wording — that’s a snapshot of what we shipped earlier and isn’t the live site.
- Per-industry body copy: we wrote a draft for each of the 5 industry pages. Review and edit anything that doesn’t sound right.
ROUND 2
Round 2 — three revised directions.
R2.1PRIMARY · CLIENT PICK
Primary (Client-Directed)
Less text, smaller hero, brand wall, featured products — direct from the email.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
R2.1 · PRIMARYDirect from Abhay's email — less text, smaller hero, brand wall, featured products, simpler nav.
Each bullet below maps a client request to a concrete change on the live mockup.
TOP OF PAGE (UTILITY + HEADER + NAV)
Rebuilt to the exact client-requested layout.
- Utility bar: 800-491-4881 · Text or Chat · Quick Quote · USA flag + Quick-Fill Orders Ship Same or Next Day · live date/time. Everything else removed.
- Header tagline under the logo now reads Supermarkets · Grocery Stores — C-Store and Dollar Store dropped from this line (still in Who We Serve).
- Search button label is Search (was “Search parts”).
- Right-side header: Login · Register · Cart.
- “Trade Account” replaced with Account CTAs (Create Account / Login / Register).
- Menu bar matches the client list verbatim: Glass Door Parts · Strip Curtains · Gaskets · Case Parts · Parts for Walk-Ins · Resources · About Us · Contact · Quick Quote · FAQ · Contact Us.
- Strip Curtains — “Loading-Dock” prefix removed.
SMALLER HERO + CROSS-REFERENCE LOOKUP
Client wanted hero closer to R2 size, less busy.
- Hero shrunk: headline reads “Installers' Go-To for Commercial Reach-In and Walk-In Cooler Door Parts.”
- Support copy compressed to one line: specialists, easy to work with, won't get lost in thousands of SKUs.
- Cross-reference lookup module sits inside the hero with method tabs: Part # · OEM · Model · Manufacturer · Category · Existing Part.
- “25+ years…” horizontal strip removed. Repeated “we stock parts for reach-ins…” copy removed.
BRAND WALL + CLEAN CATEGORIES
- Replacement-parts brand wall sits above categories with all 10 OEMs: Anthony, Hussmann, Gemtron, Zero Zone, Hillphoenix, Styleline, True, Thermoseal, Energy Door Co., Kysor Warren.
- Categories trimmed to the exact 5 requested: Glass Door Parts · Strip Curtains · Gaskets · Case Parts · Parts for Walk-Ins.
- All CORE STRENGTH / 2ND / 3RD EMPHASIS badges removed (those were strategy notes, not visitor copy).
- Descriptive paragraphs removed from each tile — title + image only.
FEATURED PRODUCTS + LIGHTER WHO-WE-SERVE
- New featured products grid (8 cards) — gaskets, hinges, handles, strip curtain kits, walk-in hardware, case parts.
- Who-we-serve restructured: store types (Supermarkets, Grocery, Discount, C-Stores/Gas, Pharmacy) shown vertically with icons; buyer types (Installers, HVACR, Facility, Contractors, Parts Buyers, Procurement) as a thin strip.
R2.2REVISION
Catalog-Forward
Tile-dense, ecommerce-native — closer to allpointsfps.com.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
R2.2 · CATALOG-FORWARDSame client requirements, denser tile grid — closer to allpointsfps.com.
Each bullet below maps a client request to a concrete change on the live mockup.
ALL R2.1 CLIENT REQUIREMENTS APPLIED
- Same utility bar, header, menu, hero downsizing, brand wall, 5-category list, featured products, lighter who-we-serve.
- “Account”, “Search”, “Strip Curtains” wording — all corrected.
- “25+ years…” strip and redundant reach-in copy removed.
WHERE THIS DIFFERS FROM R2.1
Tilted toward catalog/ecommerce-density.
- Hero compressed further — single-line headline + cross-ref module right below.
- Categories rendered as a tighter grid with hover lift (less negative space).
- Featured products grid expanded to fill the upper-fold rather than floating below.
- Brand wall uses smaller tiles in a single row to keep the page scrollable like a parts catalog.
R2.3REVISION
Cross-Ref Forward
Cross-reference lookup is the centerpiece — the part the client liked.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
R2.3 · CROSS-REF FORWARDCross-reference lookup module is the centerpiece — the part the client liked.
Each bullet below maps a client request to a concrete change on the live mockup.
ALL R2.1 CLIENT REQUIREMENTS APPLIED
- Same utility bar, header structure, menu, brand wall, 5 categories, featured products, lighter who-we-serve.
- “Account”, “Search”, “Strip Curtains” wording corrected. Old badges/redundant strips removed.
CROSS-REFERENCE LOOKUP IS THE HERO
Client called this out as a favorite — leaning into it.
- Hero image shrunk to a side panel; the cross-reference lookup card takes the visual lead.
- Tabs: Part # · OEM · Model · Manufacturer · Category · Existing Part — each with its own placeholder + helper line.
- “Have a part in hand? Paste it.” — single primary action.
- Smaller secondary CTA group: Shop Parts · Create Account.
ROUND 1
Round 1 — three earlier directions.
R1PRIMARY · CLIENT PICK
Store-First (Primary)
Commercial-supply layout, catalog-grid colors, hero image forward.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
R1 · PRIMARY HYBRIDCommercial-supply layout, catalog-grid colors, field-tech hero energy — the hybrid you asked for.
Each bullet below maps a client request to a concrete change on the live mockup.
PRIMARY RECOMMENDATION
The explicit hybrid from your email.
- Layout: borrowed from the commercial-supply concept — utility bar, trust card, clean category grid.
- Colors: swapped to the catalog-grid white background with the teal accent you liked.
- Hero: added the field-tech cooler-aisle photo behind the H1 for real store energy.
- Tone: reads as a parts store, not a blog or SaaS product.
STORE-FIRST, NICHE-FIRST
You wanted the commercial refrigeration buyer called out, not generic.
- Tagline now reads “The parts store for commercial cooler doors.”
- Subhead calls out supermarket, c-store, and dollar-store refrigeration directly.
- Header sub-line names the niche: Supermarket · C-Store · Dollar Store.
- Audiences section rewritten: Supermarkets · C-Stores · Dollar Stores · Installers & Techs.
SEARCH + DUAL CTA (ALLPOINTS-STYLE)
You called out AllPoints as the closest feel — search in the header, not the hero.
- Persistent header search bar now sits dead-center in the header row (AllPoints pattern) — visible on every scroll.
- Same search also appears in the hero with OEM #, brand, category, and application suggestions.
- “Start a Trade Account” CTA (renamed from “Open an Account”) sits next to “Shop Parts” — in the header, hero, and final CTA.
- Popular-search chips (Glass door parts, Strip curtains, Gaskets, Anthony 101, Hussmann IGD) for one-tap lookup.
TRUST & REASSURANCE — VISUAL USA CUE
Warranty and a real Made-in-USA visual were explicitly requested.
- Utility bar runs: same-day ship by 2 PM ET · Lifetime warranty · 🇺🇸 USA based warehouses — now with a proper inline American flag SVG (renders on every OS, unlike the emoji).
- Hero eyebrow also carries the flag icon so the USA cue is reinforced above the fold.
- Live local date/time in the utility bar (signals a real, staffed business).
- Trust card adds a checklist: Lifetime warranty · US-based · Net 30.
- New “Quote Promise” block (the 4 PM Friday element you liked on trust-hub): submit an RFQ by 4 PM Friday, pricing in your inbox Monday — or the quote is free.
- Thin nav bar under the header also carries the 4 PM Friday promise, always one glance away.
CATEGORY HIERARCHY
You asked for a very specific order.
- Glass Door Parts first — badged CORE STRENGTH.
- Strip Curtains second — badged 2ND EMPHASIS.
- Gaskets third — badged 3RD EMPHASIS.
- OEM brands (Anthony, Hussmann, Ardco) follow as supporting categories.
APPLICATIONS CALLED OUT
- New strip lists: Reach-In Glass Door Coolers · Walk-In Coolers · Merchandiser Cases · Loading-Dock Strip Curtains.
- Search suggestions seeded with the same application terms so buyers can type what they have.
R2REVISION
Clean Catalog
White background, teal accent, the trust strip, and a real hero image on top.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
R2 · CLEAN CATALOGCatalog-grid kept — plus a real hero image, prominent search, and niche-buyer messaging.
Each bullet below maps a client request to a concrete change on the live mockup.
WHAT WE KEPT
The parts of catalog-grid you already liked.
- The clean white background + teal accent system — unchanged.
- “Every category, two clicks deep.” still leads the category grid.
- The horizontal trust strip (25+ yrs · 7 OEMs · 2 PM ET · USA) still sits under the hero.
- Dense, scannable layout — still reads as a catalog store, not a long-form site.
WHAT WE CHANGED
Applied directly from your round-1 email.
- Added a real hero image band over the H1 (the original was text-only).
- Persistent header search bar now sits dead-center in the header row (AllPoints pattern) — visible on every scroll, plus a second search in the hero.
- Dual CTA added: Shop Parts + Start a Trade Account (renamed from “Open an Account”) + “Browse categories”.
- New utility bar on top: live local time, Lifetime warranty, and a proper inline American flag SVG next to USA based warehouses (renders on every OS, unlike the 🇺🇸 emoji).
- Thin secondary nav bar under the header carries categories + the 4 PM Friday quote promise teaser, always one glance away.
NICHE BUYER MESSAGING
- Audiences rewritten to your four buyer types: Supermarkets · C-Stores · Dollar Stores · Installers & Techs.
- Contractors, facility managers, and HVACR techs grouped under Installers & Techs per your note.
- Application strip: Reach-In Glass Door Coolers · Walk-In Coolers · Merchandiser Cases · Loading-Dock Strip Curtains.
CATEGORY HIERARCHY
Reordered to your requested priority.
- Glass Door Parts first, badged CORE STRENGTH.
- Strip Curtains second, badged 2ND EMPHASIS.
- Gaskets third, badged 3RD EMPHASIS.
- Anthony / Hussmann / Ardco follow as supporting OEM tiles.
R3REVISION
Hero-Forward Store
Field-tech's hero impact — recolored clean white and teal. Store, not blog.
Open the full mockupWHAT CHANGEDTap to see the revisions made for this mockup
R3 · HERO-FORWARD STOREField-tech's photo impact, recolored clean white + teal. Store, not blog.
Each bullet below maps a client request to a concrete change on the live mockup.
WHAT WE KEPT
The parts of field-tech you said had the right energy.
- The big hero photo of a real commercial cooler aisle.
- The “Find the part. Finish the call.” headline — preserved verbatim.
- The trust / info card next to the hero, not buried below.
- The overall hero-forward feel that lands you straight into search.
WHAT WE CHANGED
Round-1 feedback flagged the dark palette as too technician-focused.
- Recolored the whole page from dark navy → clean white + teal.
- Hero photo now sits on a light white vignette — reads as a store, not a tactical dashboard.
- Added “Start a Trade Account” (renamed from “Open an Account”) next to “Shop Parts” — header, hero, and final CTA.
- Persistent header search bar now sits dead-center in the header row (AllPoints pattern) — plus the prominent overlay search card still lives in the hero.
- Thin secondary nav bar added under the header so categories + the 4 PM Friday quote promise are always visible.
STORE-FIRST TONE
You wanted commercial parts store, not technician blog.
- Header sub-line reframed for buyers — “for the people who keep them running”.
- Categories recolored white with the CORE STRENGTH teal badge on Glass Door Parts.
- Audiences rewritten: Supermarkets · C-Stores · Dollar Stores · Installers & Techs.
- Programs section now uses clean white cards, not dark navy panels.
REASSURANCE & USA CUES
- New top utility bar: same-day 2 PM ET · Lifetime warranty · 🇺🇸 USA based warehouses & support — now with a proper inline American flag SVG (renders on every OS, unlike the emoji).
- Live local date/time in the bar so the site feels staffed.
- Phone number lives in the utility bar and final CTA — always one tap away.
CATEGORY HIERARCHY
- Glass Door Parts first (CORE STRENGTH), Strip Curtains second (2ND), Gaskets third (3RD).
- OEM brands (Anthony / Hussmann / Ardco) follow as supporting categories.
- Application strip lists Reach-In Glass Door Coolers, Walk-In Coolers, Merchandiser Cases, Strip Curtains.
ROUND 0 · ORIGINAL
Original five directions & benchmark.
01DIRECTION
The Workshop
Heavy-duty, dark industrial. Built for pros on the shop floor.
02DIRECTION
Truck-Ready
Mobile-first tech portal. Find the part. Finish the call.
03DIRECTION
Chain Command
Enterprise procurement for grocery, pharmacy & C-store chains.
04DIRECTION
Open Catalog
Every part, organized the way you shop. Taxonomy-first browsing.
05DIRECTION
The Trade
Trust-led. Built for long-term contractor & facility partnerships.
★REFERENCE
The Benchmark
A clean, SEO-wired landing page — the production template the chosen direction gets built to.