From a web designer’s perspective, it can be very interesting to look at the top websites from a particular industry to see how they relate to their target audience, the different approaches that are used, and how they compare to websites in other industries. The fashion industry consists of companies that make their mark by designing beautiful and stylish items, and by setting trends for consumers, so one could expect to see some creativity and a focus on appearance in terms of their websites also.
In this article we’ll take a look at the websites of leading fashion companies, as well as some fashion news sites, and see when fashion, style and web design come together.
As you browse through the sites that are showcased below, you’ll see some variety, but you will also notice the presence of certain trends. Here is a brief look at a few of them.
Large Photos Link
Naturally, and industry that is very dependent on image will make heavy use of photos and models. Many of the sites use large background images, some will use a slideshow type of approach to feature multiple photos. Going a step further from photos, some of the sites use large video areas on the homepage.
Black and White Link
Black, white and gray color schemes are very popular among the sites showcased here. Simple color schemes are capable of creating an elegant look, plus with so many colorful photos it helps to keep focus on the products rather than on other design elements.
Minimal Content on Homepage Link
There are a few different types of sites showcased here. Most are sites that belong to a particular designer or fashion brand, while other are fashion news sites. Those that are news sites will obviously include a larger amount of content, which means a homepage that can be very involved. However, looking at the sites that represent a designer or a brand, you will see that the majority have very little content on the homepage. In some cases the homepage is nothing more than a large photo and a navigation menu.
Fashion Website Showcase: Link
Net-a-porter focuses on fashion-related photos, a magazine-style look and a simple navigation without unnecessary Flash-effects. The result is usable and still beautiful (submitted by Andrew E in comments).
The website of Pepe Jeans uses a white, black and gray color scheme. The homepage includes a large photo that the user can change.
Giorgio Armani’s website is very dark and contains a large video of runway models.
Issey Miyake Pleats Please27
Very simple, yet compelling design that strongly focuses users’ attention on the products. Flash-based. The Japanese version28 of the site tries to achieve the same aim with a more interactive approach (via @litherland29 on Twitter).
A very dynamic and interactive site that not only showcases available products, but also tries to entertain users. And it works! Flash-based, music-autoplay included.
Gucci’s website has a brown background. The homepage includes navigation and a large photo area.
Oilily’s homepage has a video area surrounded by purple covered with colorful floral decorations.
Dolce & Gabbana 56
The top of Dolce & Gabbana’s website uses three photos as part of the navigation. The lower section of the page includes navigation to specific collections and products with horizontal scrolling.
- 1 http://www.net-a-porter.com/
- 2 http://www.net-a-porter.com/
- 3 http://www.prada.com/
- 4 http://www.prada.com/
- 5 http://www.paulsmith.co.uk/
- 6 http://www.paulsmith.co.uk/
- 7 http://www.aquascutum.com/
- 8 http://www.aquascutum.com/
- 9 http://www.freepeople.com/
- 10 http://www.freepeople.com/
- 11 http://www.thesak.com/
- 12 http://www.thesak.com/
- 13 http://www.ralphlauren.com/home/index.jsp?ab=fd_us_bottom
- 14 http://www.ralphlauren.com/home/index.jsp?ab=fd_us_bottom
- 15 http://www.rugby.com/
- 16 http://www.rugby.com/
- 17 http://www.armaniexchange.com/
- 18 http://www.armaniexchange.com/
- 19 http://www.asos.com/
- 20 http://www.asos.com/
- 21 http://www.lizclaiborne.com/
- 22 http://www.lizclaiborne.com/
- 23 http://www.mulberry.com/
- 24 http://www.mulberry.com/
- 25 http://www.hugoboss.com/
- 26 http://www.hugoboss.com/
- 27 https://pleatspleaseshop.com/
- 28 http://www.isseymiyake.co.jp/
- 29 http://www.twitter.com/litherland
- 30 https://pleatspleaseshop.com/
- 31 http://www.bcbg.com/home/index.jsp
- 32 http://www.bcbg.com/home/index.jsp
- 33 http://www.calvinklein.com/home/index.jsp
- 34 http://www.calvinklein.com/home/index.jsp
- 35 http://www.agnesb.fr/
- 36 http://www.agnesb.fr/
- 37 http://www.jcrew.com/index.jsp
- 38 http://www.seanjohn.com/
- 39 http://www.seanjohn.com/
- 40 http://usa.tommy.com/#/home_page
- 41 http://usa.tommy.com/#/home_page
- 42 http://www.louisvuitton.com/
- 43 http://www.louisvuitton.com/
- 44 http://www.luckybrand.com/
- 45 http://www.luckybrand.com/
- 46 http://www.benetton.com/portal/web/guest/home
- 47 http://www.benetton.com/portal/web/guest/home
- 48 http://www.apc.fr/
- 49 http://www.apc.fr/
- 50 http://www.net-a-porter.com/
- 51 http://www.net-a-porter.com/
- 52 http://www2.victoriassecret.com/index.html
- 53 http://www2.victoriassecret.com/index.html
- 54 http://www.dailycandy.com/everywhere/
- 55 http://www.dailycandy.com/everywhere/
- 56 http://www.dolcegabbana.com/
- 57 http://www.dolcegabbana.com/
- 58 http://nymag.com/daily/fashion/
- 59 http://nymag.com/
- 60 http://nymag.com/daily/fashion/
- 61 http://www.style.com/
- 62 http://www.condenast.com/
- 63 http://www.style.com/vogue/
- 64 http://www.style.com/
- 65 http://www.kineda.com/
- 66 http://www.kineda.com/
- 67 http://www.elle.com/
- 68 http://www.elle.com/
- 69 http://www.wwd.com/
- 70 http://www.wwd.com/
- 71 http://www.harpersbazaar.com/
- 72 http://www.harpersbazaar.com/
- 73 http://www.glamour.com/
- 74 http://www.glamour.com/
- 75 http://www.fashionserved.com/
- 76 http://behance.net/
- 77 http://www.fashionserved.com/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.