{"slug":"ecommerce-store-prompt","niche":"website","lang":"en","title":"The canonical prompt for an e-commerce store front page","description":"A prompt that generates a store front page built around one hero product and a friction-free path to purchase — category grid, social proof with review counts, shipping reassurance, and a cart that's always one click away.","spec":"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.","prompt":"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.\n\nBuild a store front page for: [STORE — what it sells, to whom, price range].\nHero product: [PRODUCT + PRICE]. Categories: [4-6 CATEGORIES].\n\nSTRUCTURE:\n1. Announcement bar — one line: current promotion or free-shipping threshold.\n2. Header — logo left, search center (with placeholder text naming a popular product), account + cart right. Cart icon shows item count.\n3. Hero — ONE featured product (not a mood photo): product image, name, price, star rating, \"Add to cart\" button directly in the hero.\n4. Category grid — the categories as image tiles with names; max 6.\n5. Bestsellers — 4 product cards: image, name, price, star rating WITH review count (\"4.8 · 213 reviews\"), stock state (\"In stock\" / \"Only 3 left\").\n6. Trust band — 3 items: shipping time, return window, payment methods (icon row).\n7. Single promo section — one seasonal or bundle offer, one CTA.\n8. Newsletter — one line of incentive (\"10% off your first order\"), email field, button.\n9. Footer — help, shipping, returns, contact, socials.\n\nHARD RULES:\n- Prices visible on EVERY product card — hiding prices kills trust.\n- Review counts next to every rating — a rating without a count reads as fake.\n- Exactly one promotional message per section; no carousel/slider anywhere.\n- \"Add to cart\" reachable within one click of any product card.\n- Mobile-first; cards in 2-column grid on mobile.\n\nVERIFY: 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.","whyItWorks":["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."],"commonMistakes":["Lifestyle hero with no product/price — beautiful and useless.","Ratings without counts — instantly reads as fabricated.","Auto-rotating carousels — 1% interaction rate, accessibility disaster."],"keywords":["ecommerce prompt","online store ai prompt","shop website prompt","store landing prompt"],"updated":"2026-07-18"}