ARTSABERS — Cart Build Brief · Variant D · The Shipment Cart

Purpose

ARTSABERS Cart page — Variant D “The Shipment Cart”. Iteration on the earlier Variant A (Assembly Bay), folding in the CRO audit findings and unifying the metaphor for lowest cognitive load. Same core layout as A (two-column, bordered shipment groups, sticky right summary), but every audit-flagged friction is corrected.

Question this variant asks: does universal-metaphor + audit-corrected conservative work best?

Direction

Kyber Hull — apply the direction from SAS1. Reuse the CSS gradient + panel-joint hairline background pattern from MAS51/MAS52. Fieldset border pattern from MAS52 for content-groups. Form primitives from MAS52. Real ARTSABERS product photography. Zero border-radius sitewide.

Metaphor discipline (LOCKED)

• Page title: Your Cart
• Shipment groups: Shipment 1 of 2 / Shipment 2 of 2 — no “Assembly Bay”
• CTA: Secure Checkout →
• Small brand voice retained via the shipment-group lede: “Ships direct from our workshop”

Sections (top to bottom)

1. Compact page header

• ~200–260px. Panel-joint background.
• Breadcrumb: Home / Cart.
• Title in ember accent: Your Cart.
• Sub-line body: 3 items · 2 shipments — no instructional copy.
• Trust chip strip. Copy revised to fold in the 30-day money-back reassurance the audit flagged: 24-hour UK dispatch · 30-day money-back · 1-year duelling warranty · 2,400+ five-star reviews.

2. Free gift strip — restrained pre-selected treatment

Not a full ember gradient band. Compact strip with subdued ember hairline framing, pre-selected gift shown inline, and a “Change gift →” link. Removes the required-decision friction. ~80–100px tall.

• Left: small gift icon + one-line copy: Free gift with orders over $350 — Silver Lightsaber Coupler included with Shipment 1.
• Right: “Change gift →” small ember link.
• Style: dark carbon ground + subtle ember hairline top + ember hairline bottom. Feels like a benefit-note, not a demanding banner.
• Note: the underlying picker (3 tiles: Silver / Grey Coupler + Black Covertec) is documented in the brief but is a click-away modal on the live implementation. In this mockup, show the compact strip only.

3. Main cart — two-column split

Left column: shipments as bordered content-groups (MAS52 fieldset pattern).

Shipment 1 group:

• Legend: Shipment 1 of 2 · sub right-aligned: Arriving 12–14 August · FREE.
• Lede line below legend: “Ships direct from our workshop after final assembly + hand-testing.”
• Line items — WC composite parent + child pattern:
  1. PARENT: Carbon Strike Lightsaber — Xenopixel V3 · qty stepper 1 · unit price omitted (qty=1) · line $459.99 in ember · Save for later / Remove. Image URL: https://artsabers.com/wp-content/uploads/sites/10/2026/01/Carbon_Strike_1-768x768.jpg. CHILD: Blade — Ember-orange · Neopixel · 36″ · Duelling — component image is a 60×60 blade colour slot (dark carbon with ember-orange glow + small blade silhouette). NO qty stepper, NO price, NO actions on the child row.
  2. PARENT: Starkiller SE Lightsaber — Proffie 2.2 · qty 1 · $299.99 · image https://artsabers.com/wp-content/uploads/sites/10/2025/12/Starkiller1_SE_1-768x768.jpg. CHILD: Blade — Red · Neopixel · 32″ · Duelling — 60×60 red-tinted blade slot.
• Delivery row (single line, NOT full radios): Delivery: Standard · Arrives 12–14 August · FREE · small “Change delivery →” ember link. Compact.

Shipment 2 group:

• Legend: Shipment 2 of 2 · Arriving 25 August – 2 September · FREE.
• Lede: “Assembly begins on payment. Ships direct from our workshop.”
• Line items:
  1. PARENT: Mace Windu SE Duelling Lightsaber — S-RGB · qty 1 · $164.99 · image https://artsabers.com/wp-content/uploads/sites/10/2025/12/Mace_Windu_SE_1-768x768.jpg. CHILD: Blade — Purple · Baselit · 32″ — 60×60 purple-tinted blade slot.
• Delivery: Standard · Arrives 25 Aug – 2 Sep · FREE · “Change delivery →”.

4. Order summary — right column, audit-corrected

Bordered content-group (MAS52 fieldset pattern). Sticky on desktop. Coupon visible, trust promoted, no debug expanded states.

Structure:

• Legend: Order Summary.
• Cost table:
  • Subtotal · $924.97
  • Shipment 1 shipping · FREE
  • Shipment 2 shipping · FREE
  • Discount (SAVE10) · -$92.50
  • Tax · at checkout
• Hairline
• Estimated total · $832.47 — largest ember display value on the summary.
• Small line below total: +240 points earned on this order.
• Hairline
• Coupon field — VISIBLE: labelled input “Discount code” with small “Apply” secondary button inline. Below: applied-chip in ember showing “SAVE10 · -$92.50 · Remove”.
• Hairline
• Trust row directly above CTA — three prominent chips centred: SSL padlock (24–28px, ember accent) + “Secure checkout” · 30-day money-back badge + “Free returns” · 1-year warranty badge + “Duelling grade covered”. This is the audit’s promoted trust surface.
• Primary CTA — full width: Secure Checkout → ember gradient.
• Below CTA, small muted line: Cart saved for 7 days · Email me my cart (the last part an ember link).
• Payment method icons row, compact and subdued: Visa · Mastercard · Amex · Apple Pay · Google Pay. NO Klarna. NO “Coming Soon” tag.

5. Cross-sell strip — “Complete your setup”

Same 4 accessories as MAS53, compact tiles:

1. RGB Triple Lightsaber Tiered Stand · $99.99 · https://artsabers.com/wp-content/uploads/sites/10/2026/05/GD_7767-拷贝-768x768.jpg
2. Type-C S-RGB Charging Kit · $84.99 · https://artsabers.com/wp-content/uploads/sites/10/2025/11/Type-C-S-RGB-Kit-768x768.jpg
3. Type-C Proffie 2.2 Charging Kit · $109.99 · https://artsabers.com/wp-content/uploads/sites/10/2025/11/Type-C-Proffie-2.2-PRO-Kit-768x768.jpg
4. Silver Covertec Wheel Adapter · $19.99 · https://nerdworks.uk/wp-content/uploads/2025/08/Silver-Covertec-Wheel-Adapter-for-S-RGB-SNV4-PRO-and-Proffie-2.2-Lightsabers-768x768.jpg

6. Post-cart reinforcement band

Same as MAS51.

7. Site footer

WC composite line-item shape

Native WooCommerce Composite Products output pattern. Parent product renders as a full row (image + name + qty + price + actions). Component blade renders as a SECOND row directly beneath — same core structure minus qty stepper, minus separate price, minus save/remove actions.

Visual grammar for a composite line item:

• Parent row: hilt image (100×100) · product name (heading font, chrome-highlight, with “— Xenopixel V3” tail in chrome-warm to signal Saber Core) · qty stepper right-aligned · line price in ember (unit price omitted when qty=1) · Save for later · Remove small muted links below.
• Child row (blade component): 60×60 tinted-colour blade slot (CSS-authored — small blade silhouette on carbon ground, tinted in the blade’s actual colour) · component name (small heading font: Blade — [colour] · [type] · [length] · [duelling grade]). No qty, no price, no actions. Row height ~60px, slightly indented to signal child relationship.

Reuse from prior mockups

• Compact page header + trust chip strip — MAS51
• Panel-joint hairline background — MAS51
• Fieldset border content-group + legend on top border — MAS52
• Form primitives (input + apply button pair, primary CTA, secondary link, muted actions) — MAS52
• Post-cart reinforcement band + site footer — MAS51

Kyber Hull styling

• Ember accent on prices, “FREE” labels, primary CTA, hairline dividers, coupon applied chip, SSL padlock
• Trust row above CTA: SSL padlock + 30-day money-back + 1-year warranty — each with icon + label — visually prominent, ember-accented
• Zero border-radius sitewide
• Blade component slot: dark carbon (–void) ground + blade-colour glow gradient + subtle blade silhouette in the tinted colour
• MAS52 --forge-red: #E63929 inherited for errors

What this variant deliberately does NOT include

• NO “Assembly Bay” language — universal “Shipment” throughout
• NO free gift picker on cart — pre-selected shown compactly with change link
• NO delivery upgrade radios on cart — selected shown with change link
• NO options accordion — coupon visible, gift wrap and loyalty become checkout concerns
• NO BNPL “Coming Soon” callout — Klarna omitted from payment icons
• NO expanded gift-wrap textarea (debug UI) — options collapsed / removed for the customer-facing render
• NO redundant unit price when qty=1

Copy locks (verbatim)

• Title: Your Cart
• Sub-line: 3 items · 2 shipments
• Trust chip strip: 24-hour UK dispatch · 30-day money-back · 1-year duelling warranty · 2,400+ five-star reviews
• Free gift strip: Free gift with orders over $350 — Silver Lightsaber Coupler included with Shipment 1 · Change gift →
• Shipment 1 lede: “Ships direct from our workshop after final assembly + hand-testing.”
• Shipment 2 lede: “Assembly begins on payment. Ships direct from our workshop.”
• Trust row: Secure checkout · Free returns · Duelling grade covered
• Below CTA: Cart saved for 7 days · Email me my cart
• Post-cart reinforcement: Every hilt hand-tested in-house · Global 7–10 day delivery · 2,400+ five-star reviews
• Primary CTA: Secure Checkout →