Home Page Wireframe 
About Us Page Wireframe 
Contact Us Page Wireframe 
Products Page Wireframe 
Computers Page Wireframe 
Sample Product Page Wireframe 
Email Signup for New Deals Page Wireframe 
Account Login Page Wireframe / Step 1 in Creating New Coast-to-Coast Tech Website Account 
Step 2 in Creating New Coast-to-Coast Tech Website Account Page Wireframe 
Step 3 in Creating New Coast-to-Coast Tech Website Account Page Wireframe 
Account Created Confirmation Page Wireframe 
Existing Account Page Wireframe 
Shopping Cart Page Wireframe 
Step 1 in Ordering Process Page Wireframe 
Step 2 in Ordering Process Page Wireframe 
Step 3 in Ordering Process Page Wireframe 
Step 4 in Ordering Process Page Wireframe 
Order Review Page Wireframe 
Order Confirmation Page Wireframe 
Shipping Policy Page Wireframe 
Return Policy Page Wireframe
Home Page Wireframe 
About Us Page Wireframe 
Contact Us Page Wireframe 
Products Page Wireframe 
Computers Page Wireframe 
Sample Product Page 
Email Signup for New Deals Page Wireframe 
Account Login Page Wireframe / Step 1 in Creating New Coast-to-Coast Tech Website Account 
Step 2 in Creating New Coast-to-Coast Tech Website Account 
Step 3 in Creating New Coast-to-Coast Tech Website Account 
Account Created Confirmation Page Wireframe 
My Account Page Wireframe 
Shopping Cart Page Wireframe 
Step 1 in Ordering Process Page Wireframe 
Step 2 in Ordering Process Page Wireframe 
Step 3 in Ordering Process Page Wireframe 
Step 4 in Ordering Process Page Wireframe 
Order Review Page Wireframe 
Order Confirmation Page Wireframe 
Return Policy Page Wireframe 
Shipping Policy Page Wireframe
About This Project
Coast-To-Coast Tech is an upcoming e-commerce website that will sell personal electronics such as headphones and speakers. It also will sell Information Technology equipment such as computers, networking equipment and printers. The purpose of this particular project is to provide a blueprint towards how the web pages will be designed and who the website will be designed for. The wireframes of the main pages were developed to give various stakeholders an idea of how the website as whole will be designed and how its design will meet the expectations of its average users. The Project Brief & Personas, The Business Stakeholders Document, and The Development Team Document were also produced to provide insight into design and business decisions that were made in the development of the wireframes. The wireframes should help in the development of a prototype that would lead to a usable and accessible e-commerce website.
Development of wireframes for an e-commerce website
Length of Project
November 2019 to January 2020
Tools Used
Balsamiq Mockups
Project Brief & Personas
This document consists of details about the functionality and characteristics of the website being developed. It include information about who the typical web user of the website being developed would be, the purpose of the website, and how a typical user would be able to find on the website the shipping policy, the “Computers” page showing all the computers sold on the website, and the page showing network switches. The document pinpoints problems web users could have with the website being developed and provides the process of purchasing an item on the website. Three personas are included in the document and were made to give a perspective of who would use the website being developed.
Documents for Stakeholders
Business Stakeholders Document
This document is meant for business stakeholders of the project. The documentation consists of general details about the website being developed and its functionality. The document also consists of two of the personas that the website is being developed for as it highlights to the business who the typical users of the website would be. The document also consists of a site plan documenting the navigational structure of the website. It also consists of all of the desktop and mobile wireframes for the website being developed.
Development Team Document
This document is meant for the development team of the project. The documentation consists of how the website will be designed and what features will be implemented to ensure the website being developed is usable and accessible to the general public. The document also consists of a site plan documenting the navigational structure of the website. It also consists of all of the desktop and mobile wireframes for the website being developed.
Izak Goldfarb 