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.
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...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...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 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 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...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...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 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
-...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...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...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...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...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...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...