Zara Website Design

The general layout of the Zara website, is minimal, simple and easy to navigate around. The Zara logo is situated in the top left hand corner, and is of the font 'Linotype Didot'. I feel that this logo really reflects well upon the brand, with the minimal feel to the clothing and flows well with the other typography on the website. The other font used throughout the website, is Helvetica.

The running colour theme is black and white, with the exception of the colours of the itms of clothing. The background of the website is white, with bold black typography. The text on the website is sometimes placed over the images, both in the editorials and in the clothing collection. The main thing that you notice whilst you are on the homepage, is the Zara logo, and the editorial images that are showing the recent designs.

The initial blog layout is that the categories of clothing ranges, e.g. Zara Man, TRF and Woman, are positioned on the left hand side, slightly below the Zara logo. The text 'SALE', 'COLLECTION SS16', and 'EDITORIALS' are in a bold Helvetica font. When the 'COLLECTION SS16' menu is pressed, a drop down menu appears with all of the items of clothing available to order. In the top right hand corner there are the usual and recognisable icons that appear on almost any other online shopping resource. The search bar, with a long, thin line indicating where the customer can type. There is a 'My Account' option for those who already have an account or those who would like to make one, in order to purchase clothing online. There is a 'Contact' button, which is for returns and complaints. Finally there is the shopping bag logo, where the customers can have all the items that they wish to purchase in one place. 

 

The images on the website are mostly portrait, however there are some that are landscape. On the homepage of the website, the images there are the zoomed in version and landscape version of the most recent editorial shoot. On the homepage it has the offers that are on at the moment. On this occasion, the 'Sale' has been advertised in a subtle, yet chic way. This keeps the Zara brand looking high end and almost a boutique name. The one thing that the Zara website doesn't have, are rollover images, and flashing images to advertise a sale. Zara are quite discreet with offers, and doesn't have any other marketing technique to gain more customers. There isn't any student discount opportunities, or codes that can be used for discounts.

In terms of image size, on the editorial page the layout is set out as if it were a blog. Often there are two images from the same editorial but different sizes, one is slightly bigger and the other is slightly smaller, and they either over lap or are placed a few millimetres apart. 

The editorials are separated out into the themes/season, and the different styles. For example, 'a new grunge' and 'mix and match style'. On the editorial tab on the left hand side, there is the list of the headings from each editorial, this could have been done for ease of access, and narrows down the target audience down a little bit more.    

At the bottom of the website there are four headings; 'Buying Guide', 'Follow Us', 'Policies', and 'Company', they have small headings underneath them with all of the terms and conditions and extra information that the customer may need to know. It also has there social media, and they are advertising their app. Their advertising is very subtle, the customer would have to scroll down right to the bottom in order to see these. 

Also in the editorial section there are some fashion GIFs, one of which was done in the studio. It is of a model who is pulling up her socks. It almost reflects a 'behind the scenes' feel, and can give the customers the feeling of an exclusive delve into the editorial shoot.

The website is App compatible, allowing to show gifs, videos and the editorials in a high quality.