Three of the most commercially loaded screens in the storefront. PDP converts browse into intent; the cart drawer turns intent into commitment without leaving the page; the cart page is where the buyer reconciles the order before checkout. All three reuse v1.0 tokens — Midnight ink, Aqua action, Lavender atmospheres, Coral for urgency — and inherit the type system unchanged.
A two-column grid: gallery on the left, the commercial column on the right. Everything the buyer needs to commit lives above the fold on a 1280-wide viewport — price, stock, delivery estimate, variants, quantity, primary action. The B2B affordance is a small, persistent banner rather than a separate page, because most buyers don't know upfront which mode they want.
The Hisense 65A6N delivers immersive 4K UHD picture quality with Dolby Vision HDR and a built-in smart platform. Stream from Netflix, YouTube, and Showmax out of the box, and connect game consoles, soundbars, or set-top boxes through three HDMI 2.0 inputs.
Designed for the African home: low-glare display tuned for daylight viewing, integrated voice search, and a slim bezel that suits wall-mounting or stand placement. Includes Bluetooth remote, wall-mount bracket, and power cable.
Set up takes under five minutes. Connect to Wi-Fi, log in to your streaming accounts, and watch.
~70% of Ghana traffic comes from mobile. The mobile PDP swaps the side-by-side grid for a vertical stack with a swipeable image carousel and a sticky add-to-cart bar pinned to the bottom of the viewport — so the primary action is always one thumb-reach away, regardless of scroll position.
Immersive 4K UHD picture with Dolby Vision HDR, built-in smart streaming, three HDMI 2.0 inputs. Designed for daylight viewing in African homes. Wall-mount bracket and remote included…
Slides in from the right when the buyer clicks "Add to cart" or the header cart icon. The page behind dims but stays in context — the buyer hasn't committed to leaving. Four jobs: confirm what was just added, show the running total, surface free-delivery progress, and give a one-click path to either keep shopping or check out.
The page the buyer lands on from the drawer's "View cart" or from the header cart link with intent to review. Two-column on desktop: line items on the left, a sticky summary card on the right. This is also the page where B2B buyers turn a cart into a quote request — without losing the items they've assembled.
Patterns established here become defaults for Rounds 3 (checkout, dashboard) and 4 (admin, B2B). Calling them out so engineering can extract them into shared components from day one.
<Button variant="accent | primary | secondary | ghost" size="md | lg" />
<Price value={number} currency="GHS" originalValue?={number} showUsd?={boolean} />
<StockIndicator level="in_stock | low | out" units?={number} delivery="tomorrow | 2-3 days" />
<VariantPill option={Variant} selected={boolean} disabled?={boolean} priceDelta?={number} />
<QuantityStepper value={number} min={1} max={availableStock} onChange={fn} />
<CartItem item={CartItem} compact?={boolean} editable?={boolean} />
<FreeDeliveryProgress current={number} threshold={number} region="GA | other" />
<TrustStrip items={TrustItem[]} layout="grid-2 | row-4" />
<B2BQuotePrompt cart={Cart} placement="banner | card" />
<ProductCard product={Product} variant="default | related | grid" />
These components show up in Round 3 (checkout) and Round 4 (admin) too — building them well now pays back across every remaining design round.