online book store website wiredframe
Create LOW-FIDELITY WIREFRAME DIAGRAMS for an ONLINE BOOK STORE WEBSITE using DxMax / draw.io. GENERAL RULES: - Black and white only - Use rectangles, lines, and text labels only - No colors, no images, no icons - One page equals one wireframe - Clearly label all sections - Focus on layout and functionality, not UI design - Wireframes must be exam-friendly and suitable for project submission ==================================== USER SIDE WIREFRAMES ==================================== PAGE 1: USER LOGIN / REGISTER PAGE Header Country Selection Dropdown Login / Register Form [ Name ] [ Email ] [ Password ] [ Country ] [ Login / Register Button ] ------------------------------------ PAGE 2: HOME PAGE Header [ Logo ] [ Search Bar ] [ Login / Profile ] Categories Section Filters Section Trending Books Section Most Viewed Books Section Award Winner Books Section Combos & Sale Section Footer ------------------------------------ PAGE 3: BROWSE / SEARCH BOOKS PAGE Header Search Bar Filters - Category - Author - Price Range Book Listing [ Book Title | Price | Currency ] [ Book Title | Price | Currency ] ------------------------------------ PAGE 4: COMBOS & SALE PAGE Header Combo Offers List Discounted Books List ------------------------------------ PAGE 5: AUTHOR PAGE Header Author List [ Author Name ] [ Author Name ] ------------------------------------ PAGE 6: BOOK DETAILS PAGE Header Book Title Author Name Views Count Price (Based on Selected Country Currency) PDF Price Brief Description Reviews Section [ Add to Cart Button ] [ Add to Wishlist Button ] ------------------------------------ PAGE 7: WISHLIST PAGE Header Wishlist Items [ Book Name | Price ] [ Move to Cart Button ] ------------------------------------ PAGE 8: CART PAGE Header Cart Items Book Name | Quantity | Price [ Proceed to Payment Button ] ------------------------------------ PAGE 9: PAYMENT PAGE Header User Details Form [ Name ] [ Address ] [ Contact Number ] Payment Mode Selection - Card - UPI - Net Banking [ Pay Now Button ] ------------------------------------ PAGE 10: TRACK ORDER PAGE Header Order ID Order Status Delivery Status ------------------------------------ PAGE 11: ABOUT US PAGE Header About Us Content Area ------------------------------------ PAGE 12: CONTACT US PAGE Header Contact Form [ Name ] [ Email ] [ Message ] [ Submit Button ] ==================================== ADMIN SIDE WIREFRAMES ==================================== PAGE 13: ADMIN LOGIN PAGE Header [ Admin Username ] [ Password ] [ Login Button ] ------------------------------------ PAGE 14: ADMIN DASHBOARD Header Summary Boxes - Total Products - Total Amount - Payments Completed Navigation Panel - Manage Books - Manage Orders - Manage Users - Reviews - Messages ------------------------------------ PAGE 15: MANAGE BOOKS PAGE Header Book List [ Add Book Button ] [ Update Book Button ] [ Delete Book Button ] ------------------------------------ PAGE 16: MANAGE ORDERS PAGE Header Order List Order ID | User | Status [ Approve Order Button ] [ Send to Delivery Button ] ------------------------------------ PAGE 17: MANAGE USERS PAGE Header User List [ View ] [ Block ] [ Delete ] ------------------------------------ PAGE 18: REVIEWS & MESSAGES PAGE Header User Messages List Book Reviews Section [ Approve Review Button ] [ Reject Review Button ] ==================================== END OF WIREFRAME INSTRUCTIONS ====================================
Pages
- Wireframe - Login / Register
- Wireframe - Home
- Wireframe - Browse
- Wireframe - Book Details
- Wireframe - Cart
- Wireframe - Payment
- Wireframe - Admin Dashboard
- Wireframe - Track Order
- Wireframe - Manage Books
- Wireframe - Reviews & Messages
- Wireframe - Combos & Sale
- Wireframe - Author Page
- Wireframe - Wishlist
- Wireframe - About Us
- Wireframe - Contact Us
- Wireframe - Admin Login
- Wireframe - Manage Orders
- Wireframe - Manage Users