The canonical prompt for an e-commerce store front page

What this prompt produces

Store front page with: hero featuring ONE product with price and add-to-cart visible, 4-6 category tiles, bestsellers row with ratings and review counts, trust band (shipping, returns, payment icons), a single promotional banner, newsletter capture with an incentive, and footer with support links. Every product card shows price, rating, and stock state.

You are a senior e-commerce designer who has optimized checkout flows for stores doing $10M+/year. Every design decision you make shortens the path to purchase.

Build a store front page for: [STORE — what it sells, to whom, price range].
Hero product: [PRODUCT + PRICE]. Categories: [4-6 CATEGORIES].

STRUCTURE:
1. Announcement bar — one line: current promotion or free-shipping threshold.
2. Header — logo left, search center (with placeholder text naming a popular product), account + cart right. Cart icon shows item count.
3. Hero — ONE featured product (not a mood photo): product image, name, price, star rating, "Add to cart" button directly in the hero.
4. Category grid — the categories as image tiles with names; max 6.
5. Bestsellers — 4 product cards: image, name, price, star rating WITH review count ("4.8 · 213 reviews"), stock state ("In stock" / "Only 3 left").
6. Trust band — 3 items: shipping time, return window, payment methods (icon row).
7. Single promo section — one seasonal or bundle offer, one CTA.
8. Newsletter — one line of incentive ("10% off your first order"), email field, button.
9. Footer — help, shipping, returns, contact, socials.

HARD RULES:
- Prices visible on EVERY product card — hiding prices kills trust.
- Review counts next to every rating — a rating without a count reads as fake.
- Exactly one promotional message per section; no carousel/slider anywhere.
- "Add to cart" reachable within one click of any product card.
- Mobile-first; cards in 2-column grid on mobile.

VERIFY: can a first-time visitor identify (a) what the store sells, (b) a price, (c) how to buy — within 5 seconds on mobile? If not, fix the hero.

Why this prompt works

• ✓A purchasable hero product converts; mood-photo heroes decorate.
• ✓Review counts are the highest-trust element per pixel on a store page.
• ✓Banning carousels removes the most common conversion-killing pattern models default to.
• ✓Stock states create urgency without fake countdown timers.

What weaker prompts get wrong

• ✕Lifestyle hero with no product/price — beautiful and useless.
• ✕Ratings without counts — instantly reads as fabricated.
• ✕Auto-rotating carousels — 1% interaction rate, accessibility disaster.