Ecom Electronics Store Wireframe App

Create a modern e-commerce mobile app wireframe for a Best Buy–style electronics store. The app should have a clean, tech-oriented design with bright highlights and strong hierarchy to make products easy to browse and purchase. Include the following screens and UI details: 1. **Home Screen** - A prominent search bar at the top with a microphone icon for voice search. - Horizontal carousel banners showcasing current promotions or featured brands. - Category grid sections (e.g., Laptops, TVs, Smartphones, Gaming, Appliances, Headphones). - A small navigation bar with icons for Home, Categories, Cart, and Account. 2. **Category Listing Page** - A list or grid of products with thumbnail images, short titles, prices, and star ratings. - Filter and sort buttons at the top for narrowing results (price range, brand, top rated, etc.). - Sticky header that stays visible when users scroll. 3. **Product Detail Page** - Large product image gallery (swipeable). - Product name, brand, price, and availability. - “Add to Cart” and “Buy Now” buttons. - Product specifications section (collapsible panels for details, reviews, and delivery options). - Related product suggestions carousel near the bottom. 4. **Shopping Cart** - List of selected products with small images, short titles, quantity selectors, and individual prices. - Visible subtotal and tax breakdown. - Prominent “Proceed to Checkout” button. 5. **Checkout Flow** - Address input screen (auto-fill suggestion example). - Payment method selection (credit/debit, PayPal, store card). - Order summary confirmation with “Place Order” button. 6. **User Account Page** - Profile header with avatar and name. - Order history tiles with order details and status. - Settings options for saved addresses, payment methods, notifications, and support.

Author

Gareth C.

Made in AI Studio w/:

claude-haiku-4-5-20251001

#ecommerce