Wireframes

 In this post, I wanted to show my initial design for my e-commerce. Therefore, I used mockflow software to create the website's wireframe. 


1-The header of the website.

Author's work

I want the website to be simple yet informative. Therefore, I have included some of the essential elements on a website, such as the shopping cart, wish list, search bar, and menu.

2- The body.

Author's work

The body will include some of the product images with hyperlinks to facilitate navigation. On top of that, I will add a small description next to each product.


3-The footer.

Author's work

The footer will be simple. However, it will include some essential elements such as helping information, policies, and social media accounts. Besides, I'm going to include a newsletter subscription form, so the consumer could receive the newest offers.


4-The product page.

Author's work

The product page will include a photo of the product, description, add to cart option, and a review section.

5-The contact page.

Author's work


The contact page will include a question submission form, so it is more convenient for the users to contact us. Furthermore, all of the social media accounts will be provided.




 Sources:

Mockflow: https://mockflow.com





Comments

Post a Comment

Popular posts from this blog

Order form

Image
 I created a product list using excel. The product list requires a number of formulas which will be explained in this post. First, The Lists: 1- on the product sheet, we have created two lists, one for the product name called  (ProductList)  and the other one for all the price and the name called  (ProductLookup). 2- On the consumer sheet, we created two lists as well, one for the consumer name called (consumerList) and the other one for the consumer name, address, postcode, and the city called (consumerLookup). After that, the lists created were used to give the option to choose the product, as shown below: The product list The same thing was done to the consumer list; it was used to allow us to chose the consumer name, as shown below: The consumer list second, The formulas used to complete the product list: 1- I used a formula to show the price associated with the product chosen; thus, if there was a product, it would show its price; otherwise, it will show nothing...
Read more