Cords & lacing
63SKUs- Paracord
- Macramé cord and cotton craft cord
- Bonnie braid, jewelry cord, hemp cord
- Rexlace and pony bead plastic lacing
- Elastic and stretch cord
- Rope
Hi-fi branded prototypes of the homepage, the product page, and the cart. Real product photography, brand typography, and the full Pepperell color system.
Gallery with thumbs and zoom, full info rail (skill level, swatches, estimated delivery, low-stock, free-ship progress, ATC), spec table, description, use cases, about us, usually-bought-together bundle, reviews summary with submit form, customer Q&A with submit form, recently viewed, sticky mobile ATC.
Line items with steppers, gift toggle, ETA, cross-sell, guest-checkout messaging, summary with free-ship progress, transparent shipping and tax, collapsed promo, express checkout buttons with brand-mark icons, sticky mobile checkout, live chat launcher.
Same sections, same copy, same brand guidelines. Six visual treatments to read against each other before we lock the direction. The first three are full-height heroes; the last three keep the hero compact so the seven categories show above the fold on a typical 1440×900 desktop. Every variant is fully responsive (tested from 360 to 1440 pixels), passes WCAG AA contrast, and uses only the Pepperell typography and color system.
The baseline. Cream background, restrained orange accents, four-slide product mosaic hero with rotating bestseller card. Calm, balanced, gallery-style. Where most heritage craft sites live.
Bold orange takeover. Full-bleed hero with cream typography and an oversized Market Pro payoff. Sections alternate orange, cream, ink-dark — high color confidence, retail-loud, brand-forward.
Dense marketplace. Twelve-tile category mosaic above the fold, sticky ink-black filter bar, five-up product cards. Information-first, conversion-optimized, MUJI-adjacent.
Iterates on v1 Workshop Heritage. The same calm cream surface and restrained orange, compressed into a 360–400px split hero so the seven category tiles surface immediately. One product photograph on the right, one CTA, then catalog.
Iterates on v2 Tangerine. The orange takeover, compressed to a 340-ish-pixel marquee band on the AA-safe deeper orange. Headline, CTAs, and trust pills sit inline; categories begin in the cream band immediately below.
Combines v7's section rhythm with v2's orange takeover, but the right side carries v1's 4-slide rotating carousel plus two bento side tiles. Compact top padding keeps the whole hero above the fold; categories surface immediately below.
Iterates on v5 Grid. There is no separate hero band: the seven category tiles plus an ink brand tile (carrying the headline and the primary CTA) form an eight-tile grid that is the hero. Sticky filter bar directly below. Most wayfinding-forward.
Seven tiles cover the full active catalog. Each tile is a Shopify smart collection: it picks up every product whose tags match the tile's rule, automatically. A handful of products live in two tiles at once where it helps, for example a paracord bracelet listed in both Cords & lacing and Decor, toys & finished pieces.
Sub-tile lists are based on the canonical sub-categories already on the live test store. Counts come from the catalog file shown below.
Every active SKU on the test store. Filter by category or search by title or material. Click any card to open the live product page on pepperellcrafts.com in a new tab.
Some products live in two tiles at once, so the tab counts sum to slightly more than 273.