online book store
Create LOW-FIDELITY WIREFRAME DIAGRAMS for an Online Book Store using only basic shapes. RULES: Use rectangles, lines, and text only Black & white (no colors, no images, no icons) Focus on layout and structure, not design Each page should be clearly labeled Wireframes must be simple and exam-friendly 📄 PAGE 1: LOGIN / REGISTER WIREFRAME Top rectangle → Header Center rectangle → Login Form Text: “Username / Email” Text: “Password” Rectangle: “Login Button” Text link: “Register” 📄 PAGE 2: HOME PAGE WIREFRAME Top rectangle → Header Logo (text only) Search Bar Login Button Middle section → Categories (box) Section → Trending Books Section → Award Winner / Combos Bottom rectangle → Footer 📄 PAGE 3: BOOK LISTING / BROWSE PAGE Header Search Bar Filter Section (Category, Author) Repeating book boxes: Book Title Price 📄 PAGE 4: BOOK DETAILS PAGE Header Book Title Author Price Description box Button: “Add to Cart” Button: “Add to Wishlist” 📄 PAGE 5: CART PAGE Header Table/List of selected books Book Name Quantity Price Button: “Proceed to Checkout” 📄 PAGE 6: PAYMENT PAGE Header Order Summary box Payment Method section Button: “Pay Now” 📄 PAGE 7: TRACK ORDER PAGE Header Order ID Order Status Delivery Status 📄 PAGE 8: ADMIN LOGIN PAGE Header Username field Password field Login Button 📄 PAGE 9: ADMIN DASHBOARD Sidebar: Manage Books Manage Users Manage Orders Payment Approval Sales Dashboard Main content area with summary boxes OUTPUT: Each page drawn as a separate wireframe Clear labels on all sections Ready to be recreated in draw.io / diagrams.net