Prompts de E-commerce para Sitios Web
Crea tiendas online optimizadas para conversión. Desde páginas de producto hasta flujos de checkout, estos prompts te ayudan a crear experiencias de e-commerce profesionales.
Checkout Flow
Multi-step checkout with shipping, payment, and review
Create a multi-step checkout flow:
1. LAYOUT
- Clean, distraction-free design
- Progress indicator (steps 1-4)
- Order summary sidebar (collapsible on mobile)
- Trust badges in footer
- Minimal heade...E-commerce Homepage
Store homepage with hero, categories, and featured products
Create an e-commerce store homepage:
1. ANNOUNCEMENT BAR
- Free shipping threshold
- Sale announcement
- Dismissible
2. NAVIGATION HEADER
- Logo
- Search bar (expandable on mobile)
- Category mega m...Account Dashboard
Customer account area with orders and profile
Create a customer account dashboard:
1. LAYOUT
- Sidebar navigation (left)
- Main content area (right)
- Welcome message with customer name
2. SIDEBAR NAVIGATION
- Dashboard (overview)
- Orders
- Ad...Flash Sale & Daily Deals Page
Urgency-driven flash sale page with countdown timers, deal cards, and limited-stock indicators
Create a flash sale and daily deals page for an electronics e-commerce store called "VoltEdge" that drives urgency and conversions through time-limited offers:
1. NAVIGATION BAR
- Logo: "VoltEdge" wi...Gift Card Purchase Page
E-commerce gift card storefront with custom amounts, personalization, and delivery options
Create an e-commerce gift card purchase page for "Lumina Shop" that lets customers buy, customize, and send digital or physical gift cards:
1. NAVIGATION BAR
- Logo: "Lumina" with diamond icon
- Link...Loyalty Rewards Program Page
A premium loyalty rewards program page with points tracker, tier progression, redemption catalog, referral system, and gamified earning challenges for e-commerce brands
Create a customer loyalty and rewards program page for an e-commerce brand called "Elevate Rewards" that lets members track points, unlock tiers, and redeem perks. The design should feel exclusive and...Order Tracking Page
Shipment tracking with timeline and details
Create an order tracking page:
1. TRACKING LOOKUP (public page)
For non-logged-in users:
- Order number input
- Email address input
- "Track Order" button
2. TRACKING RESULTS
Order Header:
- Order n...Product Comparison Page
A side-by-side product comparison page with sticky headers, spec tables, rating breakdowns, and a clear winner recommendation for informed purchase decisions
Build a clean, conversion-focused product comparison page for an electronics retailer called "TechVault" — a premium consumer electronics store. This page compares 3 wireless noise-cancelling headphon...Product Detail Page
Complete product page with gallery, options, and reviews
Create an e-commerce product detail page:
1. IMAGE GALLERY (left side, 50-60% width)
- Main image (large, zoomable on hover)
- Thumbnail strip (vertical or horizontal)
- Image zoom/lightbox on click...Product Listing Page
E-commerce category page with filters and product grid
Create an e-commerce product listing page:
1. PAGE HEADER
- Breadcrumb: Home > Category > Subcategory
- Category title and description
- Product count: "Showing 48 of 156 products"
2. FILTER SIDEBAR...Product Quick View Modal
Quick view popup for fast product browsing
Create a product quick view modal:
1. MODAL STRUCTURE
- Overlay background (dark, semi-transparent)
- Centered modal (max-width: 900px)
- Close button (X in top right)
- Click outside to close
- Esca...Product Reviews Page
Dedicated reviews and ratings page with filters, photos, and verified purchases
Create a comprehensive product reviews page for an e-commerce site. Include these sections:
1. PRODUCT SUMMARY HEADER
- Product image thumbnail
- Product name
- Current price
- "View Product" link
-...Wishlist Page
Saved items and wishlist management
Create a wishlist/saved items page:
1. PAGE HEADER
- "My Wishlist" title
- Item count
- "Share Wishlist" button (generates link)
- "Move All to Cart" button
2. WISHLIST GRID
For each item:
- Product...Search Results Page
E-commerce search with suggestions and results
Create an e-commerce search experience:
1. SEARCH BAR
Default state:
- Search icon
- Placeholder: "Search products..."
- Recent searches (if any)
Expanded/Focus state:
- Full-width overlay or dropdo...Shopping Cart Page
Cart page with product list and order summary
Create a shopping cart page:
1. PAGE HEADER
- "Shopping Cart" title
- Item count: "(3 items)"
- "Continue Shopping" link
2. CART ITEMS LIST
For each item:
- Product image (clickable, links to produc...