design description Prepared by: Jacob Orsini Last modified: 11/12/07 Client: Johndan Project: Website Wireframe v.01 π Design Firm Co. Inc. Partnership

Website Wireframe v.01 π 01a – Main Page Wireframe

Website Wireframe v.01 π Quick Link Content The Information provided in the quick links section is just some of the information that could be present, based on the blueprints. Advertising and Daily Deals These should be changing daily and thus have no set graphics, just a particular layout which is conveyed here. Also, all advertising and deal links will redirect to a specific product page. Streaming adds There will be a preset number of advertisements that will be changing, these should be updated daily Notes

Website Wireframe v.01 π 01b – Main Page Wireframe Account Login: 1)User enters username into username field 2) User enters password into password field 3) User clicks on log-in button 4) System validates information and user is brought to the account screen if correct Login exceptions: User enters incorrect username or password 1) An error is displayed telling the user the information is wrong 2) User inputs username and password 3) System checks new information Order Tracking: 1) User either clicks on the order in their order history or enters their order number in the order tracking page 2) User clicks on view order status button 3) System validates information, of correct the order is shown Order Tracking exceptions: User enters non-existing order number 1) User is given a message that the order does not exist 2) User inputs order number

Website Wireframe v.01 π Basic Connectivity: With this, and every other blueprint in this document, assume that all navigation is free flowing and that no sections of the site are blocked off after entering another part of the page unless specified. Notes

Website Wireframe v.01 π 02a – Product Main Page Wireframe

Website Wireframe v.01 π Page Definition This is the main page for products being sold on the site. The quick links on the side are basically the quick way of finding a product category that is needed which will vary based on what type of goods the company is selling. Sort by brand and sort by price will allow the user to go through items by price or brand if they so desire. Featured product These are more advertisements that allow the user to either go right to the specific product or browse through similar products which is a useful tool to get people to buy things. Top selling products Shows users right off the bat what other users are buying the most of. Notes

Website Wireframe v.01 π 02b – Product Page Blueprint Use case: 1) 2) 3) Use case exceptions: Step 1: Step description 1) 2) 3) Use case: 1) 2) 3) Use case exceptions: Step 1: Step description 1) 2) 3) Use case: 1) 2) 3) Use case exceptions: Step 1: Step description 1) 2) 3)

Website Wireframe v.01 π Products not displayed:: To display every product would take a lot of time and space but the ones listed should provide a good idea of most products should be laid out in the site. Likewise, the products present can and should be expanded beyond what is seen. Brand and Price: All products should be able to be sorted by brand and price. Notes

Website Wireframe v.01 π 03a – Individual product page wireframe

Website Wireframe v.01 π Product info:: The product info will change in screen in the box located on the right side of the screen based on which link is chosen. Sub-Category links These are links to various sub-categories of the product (such as LCD monitors or AMD processors). Notes

Website Wireframe v.01 π 03b – Individual product page blueprint

Website Wireframe v.01 π 04 – Account Page Wireframe

Website Wireframe v.01 π Page Functionality:: The information in the big box in the middle will change in regards to which link is chosen from the account information toolbar. Other navigation exists to allow users to freely explore the site whenever they choose. Notes

Website Wireframe v.01 π 05 – News Page Wireframe

Website Wireframe v.01 π Variability: Information on this page will be changing daily or more often depending on how important the news is to keep up with. News Categories The news categories on the left most side of the page are by no means the only ones that can be put there but are there for means of getting the idea across. Story sources: If the headlines are did not originate from the site itself the link should bring the user to the site it originated from if its possible. Notes

Website Wireframe v.01 π 06 – Components Page Blueprint

Website Wireframe v.01 π See product blueprint notes Notes

Website Wireframe v.01 π 07 – Cart page blueprint

Website Wireframe v.01 π Note title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Note title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Note title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Note title: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Notes