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
The three most important pages
Hi-fi branded prototypes of the homepage, the product page, and the cart. Real product photos, the brand fonts, the full color system.
product page
Product page
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.
cart
Cart
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.
The homepage in three directions
Three directions to read against each other before we lock the homepage. The baseline keeps the calm cream surface today's store already uses. The other two move onto the brand's deeper orange and ink-dark palettes, with shorter heroes so the seven categories surface above the fold. Every direction is fully responsive (tablet and mobile tested), passes WCAG AA contrast, and uses only Pepperell typography and color.
v1Workshop Heritage
Workshop Heritage
The baseline. Cream background, restrained orange accents, four-slide product mosaic hero with rotating bestseller card. Cream-on-cream, gallery-style. Where most heritage craft sites already live.
- Cream-on-cream
- Mosaic hero
- Restrained orange
v9Marquee + Bento
Marquee + Bento carousel hero
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.
- Orange takeover hero
- 4-slide carousel
- Bento side tiles
v15Marquee Wall
Marquee Wall short hero
Three horizontal rows of product cards auto-scroll at different speeds in alternating directions. A glassy ink card sits centered with the headline, CTAs, and trust meta. Edge fade-mask softens the rows into the background. The most motion of the three.
- Ink background
- 3-row product marquee
- Glassy overlay card
Design-system explorations
Building-block swatches that test specific design decisions before they ship to the homepage. Each swatch toggles between proposals so we can compare them against the same live copy.
The seven categories
273 active SKUs
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.
Kits, books & patterns
43SKUs- DIY kits
- Pattern books and reference titles
Wicking & candle making
44SKUs- Oil lamp wick
- Candle wicking
Beads, findings & closures
43SKUs- Beads & findings
- Side-release buckles and clasps
- Hooks and hangers
- Charms and embellishments
Wood, slates & naturals
32SKUs- Wood accessories
- Slates & chalkboards
- Craft sticks
Tools & workshop
25SKUs- Looms, jigs, lacing needles, crochet hooks
- Paracord tools
- Rubber bands
Decor, toys & finished pieces
23SKUs- Home decor (seashells, plant hangers, terrariums, posters, fishing nets)
- Wooden toys (Mister Rogers trolleys)
- Finished bracelets and accessories (paracord, silkies, awareness bands, monkey-fist key fob)
Sub-tile lists are based on the canonical sub-categories already on the live test store. Counts come from the catalog file shown below.
The full catalog
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.