Account Dashboard
Customer account area with orders and profile
Account Dashboard Profile
Copia este prompt y pégalo en ChatGPT o Claude
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
- Addresses
- Payment Methods
- Wishlist
- Reviews
- Account Settings
- Logout
3. DASHBOARD OVERVIEW
Welcome section:
- "Welcome back, [Name]!"
- Account status/tier if loyalty program
Quick Stats:
- Total orders
- Loyalty points (if applicable)
- Items in wishlist
Recent Orders (3 most recent):
- Order number, date, status, total
- "View Order" link
- "View All Orders" link
Saved Items:
- 3-4 wishlist items
- Quick "Add to Cart" button
- "View Wishlist" link
4. ORDERS PAGE
Order list:
- Order number (clickable)
- Order date
- Status badge (Processing, Shipped, Delivered)
- Total
- "Track" / "View" / "Reorder" buttons
Filters:
- Date range
- Status filter
Order Detail Page:
- Order number and date
- Status timeline/tracker
- Shipping address
- Payment method
- Items ordered with images
- Order summary
- "Track Package" button
- "Return Item" button
- "Download Invoice" link
- "Need Help?" link
5. ADDRESSES PAGE
Saved addresses:
- Card for each address
- Name and full address
- "Default" badge
- Edit / Delete buttons
- "Set as Default" link
"Add New Address" button
Form: Name, address fields, phone, default checkbox
6. PAYMENT METHODS
Saved cards:
- Card type icon
- Last 4 digits
- Expiry date
- "Default" badge
- Delete button
"Add Payment Method" button
7. WISHLIST PAGE
Grid of saved items:
- Product image
- Product name and price
- "Add to Cart" button
- "Remove" button
- Availability status
- Price drop alert toggle
Empty state:
- "Your wishlist is empty"
- "Start Shopping" button
8. ACCOUNT SETTINGS
Profile Information:
- Name
- Email
- Phone
- Birthday (for rewards)
- Profile photo
Password:
- Current password
- New password
- Confirm password
Preferences:
- Email notifications
- SMS notifications
- Newsletter subscription
Delete Account option (with confirmation)
Design: Clean, easy navigation. Quick access to common actions. Mobile-friendly.Cómo usar este prompt
- 1 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 4 Personaliza e itera según tus necesidades
Más Prompts de E-commerce
Acerca de este Prompt de E-commerce
Este prompt Account Dashboard está diseñado para ayudarte a crear rápidamente sitios web profesionales de e-commerce usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.
Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear account dashboard. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.
Herramientas de IA Compatibles
- ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
- Claude 3 - Excelente para diseños web complejos y matizados
- v0 de Vercel - Perfecto para componentes React y Next.js
- Cursor - Ideal para codificación potenciada por IA en tu IDE
- Bolt.new - Prototipado rápido y apps full-stack
- Lovable - Constructor de sitios web IA fácil de usar
Etiquetas
Account Dashboard Profile E-commerce Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar