Website project (Categories and Product page)

-

Today I would like to show you the design of my categories pages and product page.

Let's start from categories pages.

Men category (Author's work)

 

 

Women category (Author's work)

As you may know from my previous posts, my website has 2 category pages (products for men and women). The design of both pages is similar, however I decided to use photos of models, to fill the blank space on the left and the right side. The photos are different on each page.

To split the items between 2 pages I created categories in the product settings. It means, when the item is in the category "men", it will not display on the women page and vice versa. All of the product pictures has been taken from Free Wix Images.

Some of the products on both pages are the same. The reason for that is some of my products are for men and women as well. However, in case of clothes, it is more complicated because the sizes are different for men and women. I will describe it in the next part of my post.

Let's move to the product page.

Product page example (Author's work)
 

This is an example of my product page. Every product page contains pictures from Free Wix Images. As I mentioned before, some of my products are unisex. To solve the issue with sizes for men and women I included the option to choose sex. My customers can choose the size, colour and version of the product if available.

The product page contains the description and product info as well. User has an opportunity to share my products on social media such as Facebook or Twitter, by using the icons on the bottom.

Comments

Post a Comment

Popular posts from this blog

Wireframe

-
Image
In this post I want to show initial design of my e-commerce webside homepage, which includes the header, body and footer. To create this initial project I have used Mockflow software. Author's work As we can see in the image, the webpage is divided into header, body and footer. The header contains logo, categories of products, search bar, login button, sign up button, cart and wishlist. Below the header, I want to set the banner with information about my e-commerce business, piece of history and slogan. In the body, I want to include only the pictures of products. I believe that the clear structure of the body will be helpful for my customers. Footer contains hyperlinks to all necessary information such as terms and conditions, FAQ and contact page. Moreover, I want to include hyperlinks to social media profiles of my company.
Read more

SEO

-
SEO (Search Engine Optimization) is a range of techniques, which are helping to improve the quality and quantity of traffic on the website.  SEO is mostly used for commercial purposes, to position the website on the first page of the search engine without using paid advertisements, to increase earnings on this website.
Read more

Website security

-
Image
Why encryption is using in case of online transaction? Encryption is translating the data to different form than it is in reality, and make it possible to read only for people, which have a secret key (Lord, 2020). According to Elefant (2011) it is important to encrypt the data in case of online payments, because it makes this data almost imposible to read in terms of any attacks for example "man-in-the-middle" attack. Security of my website. My website is secure by SSL (Secure Socket Layers) technology provided by Wix. It means, all of the data exchanged between the server and customer will be encrypted, which makes even in case of attack, hackers will be not able to decrypt the data. Part of SSL certificate of my website (Author's work)   My payments will be secured as well. Module provided by Wix, which contains the payments, contains addictional SSL Certificate as well. Moreover, using the HTTPS domain makes, the security of the payments is improved as well. Checkout ...
Read more