Friday, 12 February 2016

Assignment 3 - Design an e-commerce website

Introduction about site

The main purpose of this site is to allow rich people to gain access to exclusive luxury shoes that is not being sold anymore. The shoes that are being sold are very expensive for this reason; my main target audience are rich people such as footballers, actors and established business men. Although, these are the main target audience we also sell our products to clients that are willing to spend the money on the luxury product.  However, the website is created with selling to sport stars, business men and movie stars. The luxury shoes available include Fendi, Zannoti, ferragamo and Louis Vuitton. The reason why they will be willing to buy from my site is because we also offer special services that include telling them what type of events they should wear the shoes to and what type of clothes they can wear it with. The fact that the site is aimed at affluent customers forced me to make the layout simple and something that includes mainly images and as minimum text as possible. This is because with affluent people you do not need to do persuade them as much with text to buy an expensive product compared to a non-affluent person.   

Colour font

The colour I am going to be used throughout my whole site is red, white and black. The reason why I am going to use the same scheme of colours is to maintain corporate identity throughout the site. The colours that I selected are bright and quite contrasting so text can be easily seen by potential customers. The colours are bright because they help give a vibrant look to the whole website and it is known that vibrant colours entice more people compared to dull colours like grey that is associated with bad moods.
 
 

Font

The font that is going to be used is “open sans”. This font is suitable for the site because it is a simple text that can be opened and read in the same format on every platform. For example, open sans would be viewed in the same way it is viewed on the web on a mobile platform. The text colour is going to be black on a white background because on most sites that is how it normally is. This is because people like familiarity and enjoys keeping things simple.
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
font-family: 'Open Sans', sans-serif;

Logo

 
This is the logo that is going to be used for my site. This logo is suitable because it was created using a vector based application which means that it is scalable as increasing or decreasing in size of the graphic does not suffer the quality of it. The logo also reflects the name of the website which is Vamp ForeigN Shoes. The logo is also simple which makes it easily relatable and memorable by viewers and this is an important feature of a logo.

 

Review

 
When creating a site it is important that you carry out research in order to inform your decision on the best way to layout your site. The reason for this is because when it comes to e-commerce people like familiarity and it is easier for people to trust a layout that they are familiar with. The screenshot that is shown above shows a website that does the same thing as the site that I am about to create. The good thing about this site is very simple and easily to navigate around. Something that I will be taking from this site and will be implementing into mine is to keep the navigation bar at the top because this is where people expect the bar to be. Doing this will make my site user friendly because the navigation bar would be where they expect it to be.
Another good thing from this site is the layout of the shoes that is being sold by Farfetch. The shoes that they are selling are all in a layout where they are 4 X 4 this is common in most e-commerce site where they are selling clothes. This is also something that I will be implementing in my site as well. The logo is also in the header on this site and this is a norm on most sites. This is because it allows users to know what site they are on. I will be improving this idea by including my logo on every webpage and the reason for this is so it can be memorable to users that go on the site. However, the bad thing about the site is that there is not enough information on each shoe and they do not offer advice on the shoe.

 

QSEE Site Map

 
The image above shows the site map which reflects the process of the website. The blue elements represent the navigation bar and the pink elements linked to them shows the content that is going to be within these webpages. For example, if a customer wanted to find the price of a Fendi shoe they will have to go through the Fendi navigation button.

Images that is going to be used on website

http://images.inewstore.nl/201311/s-414910-cheap-fendi-casual-shoes-for-men.jpg
http://www.thedandylifestyle.com/wp-content/uploads/2015/02/giuseppe-zanotti-navy-patent-and-velvet-hightop-sneakers-product-1-14232039-688660032_large_flex.jpeg
http://www.discountbagscenterb88.com/images/Louis-Vuitton-Men-Shoes/Louis%20Vuitton%20Loafers%20Leather%20Black%20Men%20Shoes%20LS-218.jpg
http://images.bloomingdales.com/is/image/BLM/products/9/optimized/1212059_fpx.tif?wid=1200&qlt=90,0&layer=comp&op_sharpen=0&resMode=sharp2&op_usm=0.7,1.0,0.5,0&fmt=jpeg
http://images.rewardstyle.com/img?v=2.13&p=n_33438937
The images above are the type of images that is going to be used on my website. These are the luxury trainers that the site is going to be making available for customers to buy. On the website under all these images there is going to descriptions on each shoe and the price of the shoes.  The description would be used in the checkout page to actually buy the product. All these shoes shown in the image are exclusive luxurious shoes that not a lot of merchandisers sale anymore. So they are quite rare to find.
 
 

Wireframe designs

 
Text Box: This is the homepage of the site that I am creating. This page is going to include information about the site that the customer just went on and inform them on what we are about and how we operation our business. The introduction will also include promotions that we currently have on and the type of services that we offer that they do not get anyone else.
 
 
 
 
 
 
 
Text Box: This webpage is going to include the pictures of the shoes that are being sold by us. Under the pictures it is going to show the description of the image shown and the price of each one of them. This page would also inform the customers on how to wear the shoes and what type of events that it is suitable for.
 
 
 
 
                                                                           

 

Text Box: This webpage is going to include the pictures of the shoes that are being sold by us. Under the pictures it is going to show the description of the image shown and the price of each one of them. This page would also inform the customers on how to wear the shoes and what type of events that it is suitable for. A section would also include shoes that are recommended and are coming soon to the site.
 
 
 
 
 
 

                                                               

 
 
Text Box: This webpage is going to include the pictures of the shoes that are being sold by us. Under the pictures it is going to show the description of the image shown and the price of each one of them. This page would also inform the customers on how to wear the shoes and what type of events that it is suitable for. A section would also include shoes that are recommended and are coming soon to the site.                      
 
 
                         

 
 
                       Text Box: This webpage is going to include the pictures of the shoes that are being sold by us. Under the pictures it is going to show the description of the image shown and the price of each one of them. This page would also inform the customers on how to wear the shoes and what type of events that it is suitable for. A section would also include shoes that are recommended and are coming soon to the site.
 
 
 

 
Text Box: This is the merchandising page where java validations would be needed in order to actually buy the products. The customer would have to register with us in order to actually buy a product.