Account Dashboard

Customer account area with orders and profile

Account Dashboard Profile

Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein

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.

So verwendest du diesen Prompt

1 Kopiere den Prompt oben
2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
3 Die KI generiert den Website-Code für dich
4 Passe an und iteriere nach deinen Bedürfnissen

Zurück zuE-Commerce Alle Kategorien durchsuchen

Mehr E-Commerce Prompts

Checkout Flow

Multi-step checkout with shipping, payment, and review

Checkout Forms

E-commerce Homepage

Store homepage with hero, categories, and featured products

Homepage Store

Order Tracking Page

Shipment tracking with timeline and details

Tracking Orders

Über diesen E-Commerce Prompt

Dieser Account Dashboard Prompt wurde entwickelt, um dir zu helfen, schnell professionelle e-commerce-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.

Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von account dashboard. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.

Kompatible KI-Tools

ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
v0 von Vercel - Perfekt für React- und Next.js-Komponenten
Cursor - Ideal für KI-gestütztes Coding in deiner IDE
Bolt.new - Schnelles Prototyping und Full-Stack-Apps
Lovable - Benutzerfreundlicher KI-Website-Builder