Website layout

The Mango website is laid out to appear very minimalistic, similar to their style. The home page has the buttons to navigate the site and then the main page as you scroll has 3 landscape images from their current campaigns (Womens, mens and kids) and then 1 for the sale. This is effective as it gives an overview of the current trends and what to expect from each collection. 

Homepage: http://shop.mango.com/GB (11/02/2017)

If you scroll to the bottom there is all of their social media links, the option to subscribe to email notifications and then other options which you find on other websites. 

When you click on the campaign images on the homepage they lead to the video at the top - this is the same the women's and men's sections, but the kids video is at the bottom;this could be because when you shop for yourself it's more appealing to see how garments move, whereas when shopping for children this is less of a priority. The videos are shot in a way which seems quite candid and very up close and personal. 

Below or above the video is the actual campaign photos which feature still images of the shots from the video, and also some other garments which are part of the collections. The women's images are all landscape and either spread across the entire length of the page or at least over halfway. Although the men's and kids sections have some portrait images. When scrolling down on a laptop the portrait images are won't all fit onto one screen - you have to scroll up/down a little to see the entire image as shown below. 

Then at the very bottom of the page there is a 'view the collection' button which takes you to all the garments and where you can actually buy them with the ecommerce images. 

 This section is laid out similarly to above - either landscape images or 2 portrait images together. 

The images are of the models wearing them, then when you scroll over them it goes to a flatlay image of each garment. This is effective as you get to see how the garments look on as well as a full picture of each.