Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Showcase of Beautiful Fashion Websites

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.

You may also be interested in the following related posts:

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-Porter4
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).

Net-A-Porter5

Prada6
Prada’s homepage includes only a large background image and navigation.

Prada7

Paul Smith8
Paul Smith’s homepage includes navigation and a large background image that slides/scrolls from one to the next.

Paul Smith9

Pepe Jeans
The website of Pepe Jeans uses a white, black and gray color scheme. The homepage includes a large photo that the user can change.

Pepe Jeans

Aquascutum10
Aquascutum uses a simple layout, minimal style and a large image. The homepage is clutter-free and includes little content.

Aquascutum11

Free People12
Free People’s website has received a lot of attention from design galleries. The clothing boutiques site uses hand-drawn and grunge styles.

Free People13

The Sak14
The Sak also uses hand-drawn elements in its design. The site uses a light color scheme.

The Sak15

Ralph Lauren16
Ralph Lauren’s US site uses a white background with a lot of bright colors.

Ralph Lauren17

Ralph Lauren Rugby18
Ralph Lauren’s Rugby website has a vintage background, a lot of color, and a video playing on the homepage.

Rugby19

Armani Exchange20
Armani Exchange’s homepage features a large photo, with black, white, gray, and small amounts of blue in the color scheme.

Armani Exchange21

Giorgio Armani
Giorgio Armani’s website is very dark and contains a large video of runway models.

Giorgio Armani

ASOS22
ASOS’s website has a black background with a white content area. The homepage features a large photo and showcases certain product lines to the right of the layout.

ASOS23

Liz Claiborne New York 24
Liz Clairborne New York uses a very simple and clean layout. The homepage consists mostly of a large photo, and secondary pages are also clean.

Liz Claiborne New York25

Mulberry26
Mulberry’s homepage includes only a logo, navigation, and a large photo area that fades from one to the next.

Mulberry27

Hugo Boss28
Hugo Boss with minimalism at its best: the site has a very simple and calm design with a large photo area. Flash-based.

Hugo Boss29

Issey Miyake Pleats Please30
Very simple, yet compelling design that strongly focuses users’ attention on the products. Flash-based. The Japanese version31 of the site tries to achieve the same aim with a more interactive approach (via @litherland32 on Twitter).

Hugo Boss33

Lacoste
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.

Lacoste

BCBGMAXAZRIA34
BCBGMAXAZRIA’s website showcases and sells their products. The site uses a gray background and the homepage currently features new styles for the spring.

BCBGMAXAZRIA35

Calvin Klein36
Calvin Klein’s website uses light colors and an un-cluttered layout.

Calvin Klein37

Gucci
Gucci’s website has a brown background. The homepage includes navigation and a large photo area.

Gucci

Agnes B.38
Agnes B. uses an interesting layout with a large background and a lot of black, white, and gray.

Agnes B.39

J. Crew40
J. Crew’s homepage includes some promotions of current seasonal styles. The site uses a white and gray color scheme, but the homepage includes some blue and orange.

J. Crew

Sean John41
Sean John uses a dark color scheme with a gray background, and a sliding content area that the user can control.

Sean John42

Tommy Hilfiger43
Tommy Hilfiger’s site has a white background. The homepage includes some photos that allow for user interactivity on hover and by sliding.

Tommy Hilfiger44

Louis Vuitton45
Louis Vuitton’s homepage has a large background image with links to sites for specific countries.

Louis Vuitton46

Lucky Brand47
Lucky Brand has a colorful homepage with a large photo and prominent navigation to shop men’s or women’s styles.

Lucky Brand48

Oilily
Oilily’s homepage has a video area surrounded by purple covered with colorful floral decorations.

Oilily

United Colors of Benetton49
United Colors of Benetton has a very bright and colorful website that sits on a white and gray background.

Benetton50

A.P.C.51
A.P.C.’s homepage uses a black and white color scheme with a large photo and hand-drawn fonts. The homepage includes links to the online stores for various countries.

A.P.C.52

Net-A-Porter53
Net-A-Porter’s homepage includes a very large photo with promotional links to some specific products.

Net-A-Porter54

Victoria’s Secret55
Victoria’s Secret’s homepage currently uses a very dark red background, but the rest of the site has a white background.

Victoria's Secret56

DailyCandy57
DailyCandy includes fashion-related content among other topics. The site uses a white background and a lot of hand-drawn elements.

DailyCandy58

Dolce & Gabbana 59
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.

Dolce & Gabbana60

The Cut61
The Cut is a fashion blog on New York Magazine62. The color scheme is black and white with some splashes of pink and blue. The layout presents the blog in an attractive magazine/news style.

The Cut63

Style.com64
Style.com is a large fashion news website from Cande Nast65, and the home of Vogue66. With huge amounts of content on the site, it’s still easy on the eyes.

Style.com67

Kineda68
Kineda’s dark design is simple, yet beautiful.

Kineda69

Elle70
Fashion magazine Elle’s website has a news-style layout, with the homepage featuring a lot of content. The color scheme is black, white, gray and red with photos adding plenty of color.

Elle71

WWD72
WWD is a news-style website that includes fashion-related content. The site has a dark color scheme with a lot of colorful photos included.

WWD73

Bazaar74
Harper’s Bazaar is a leading fashion magazine. The website uses a black, white and red color scheme. The layout is fairly typical of a magazine or news site.

Bazaar75

Glamour76
Glamour Magazine’s website has a white background with a lot of color from photos and images.

Glamour77

Fashion Served78
Fashion Served is fashion inspiration site from the Behance Network79. The layout is gallery style.

Fashion Served80

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2010/09/fashion-websites-trends-interviews-showcase/
  2. 2 https://www.smashingmagazine.com/2008/07/70-beauty-retouching-photoshop-tutorials/
  3. 3 https://www.smashingmagazine.com/2010/02/finding-inspiration-in-uncommon-sources-12-places-to-look/
  4. 4 http://www.net-a-porter.com/
  5. 5 http://www.net-a-porter.com/
  6. 6 http://www.prada.com/
  7. 7 http://www.prada.com/
  8. 8 http://www.paulsmith.co.uk/
  9. 9 http://www.paulsmith.co.uk/
  10. 10 http://www.aquascutum.com/
  11. 11 http://www.aquascutum.com/
  12. 12 http://www.freepeople.com/
  13. 13 http://www.freepeople.com/
  14. 14 http://www.thesak.com/
  15. 15 http://www.thesak.com/
  16. 16 http://www.ralphlauren.com/home/index.jsp?ab=fd_us_bottom
  17. 17 http://www.ralphlauren.com/home/index.jsp?ab=fd_us_bottom
  18. 18 http://www.rugby.com/
  19. 19 http://www.rugby.com/
  20. 20 http://www.armaniexchange.com/
  21. 21 http://www.armaniexchange.com/
  22. 22 http://www.asos.com/
  23. 23 http://www.asos.com/
  24. 24 http://www.lizclaiborne.com/
  25. 25 http://www.lizclaiborne.com/
  26. 26 http://www.mulberry.com/
  27. 27 http://www.mulberry.com/
  28. 28 http://www.hugoboss.com/
  29. 29 http://www.hugoboss.com/
  30. 30 https://pleatspleaseshop.com/
  31. 31 http://www.isseymiyake.co.jp/
  32. 32 http://www.twitter.com/litherland
  33. 33 https://pleatspleaseshop.com/
  34. 34 http://www.bcbg.com/home/index.jsp
  35. 35 http://www.bcbg.com/home/index.jsp
  36. 36 http://www.calvinklein.com/home/index.jsp
  37. 37 http://www.calvinklein.com/home/index.jsp
  38. 38 http://www.agnesb.fr/
  39. 39 http://www.agnesb.fr/
  40. 40 http://www.jcrew.com/index.jsp
  41. 41 http://www.seanjohn.com/
  42. 42 http://www.seanjohn.com/
  43. 43 http://usa.tommy.com/#/home_page
  44. 44 http://usa.tommy.com/#/home_page
  45. 45 http://www.louisvuitton.com/
  46. 46 http://www.louisvuitton.com/
  47. 47 http://www.luckybrand.com/
  48. 48 http://www.luckybrand.com/
  49. 49 http://www.benetton.com/portal/web/guest/home
  50. 50 http://www.benetton.com/portal/web/guest/home
  51. 51 http://www.apc.fr/
  52. 52 http://www.apc.fr/
  53. 53 http://www.net-a-porter.com/
  54. 54 http://www.net-a-porter.com/
  55. 55 http://www2.victoriassecret.com/index.html
  56. 56 http://www2.victoriassecret.com/index.html
  57. 57 http://www.dailycandy.com/everywhere/
  58. 58 http://www.dailycandy.com/everywhere/
  59. 59 http://www.dolcegabbana.com/
  60. 60 http://www.dolcegabbana.com/
  61. 61 http://nymag.com/daily/fashion/
  62. 62 http://nymag.com/
  63. 63 http://nymag.com/daily/fashion/
  64. 64 http://www.style.com/
  65. 65 http://www.condenast.com/
  66. 66 http://www.style.com/vogue/
  67. 67 http://www.style.com/
  68. 68 http://www.kineda.com/
  69. 69 http://www.kineda.com/
  70. 70 http://www.elle.com/
  71. 71 http://www.elle.com/
  72. 72 http://www.wwd.com/
  73. 73 http://www.wwd.com/
  74. 74 http://www.harpersbazaar.com/
  75. 75 http://www.harpersbazaar.com/
  76. 76 http://www.glamour.com/
  77. 77 http://www.glamour.com/
  78. 78 http://www.fashionserved.com/
  79. 79 http://behance.net/
  80. 80 http://www.fashionserved.com/

↑ Back to top Tweet itShare on Facebook

Advertisement

Steven Snell is a Web designer and blogger. In addition to maintaining his own blog and writing for a number of other top design blogs, he also manages an online shop that offers premium graphic design resources.

  1. 1

    i like Bazaar and elle.

    hi

    im first comment WOWWW!!.

    1
  2. 2

    Jordy Houtman

    March 12, 2009 4:02 am

    Nice post.

    You miss the Hugo Boss site. It definately should be within this post. Nice and clean website, simplicity but class.

    0
  3. 3

    I think you forgot sephora.com :)

    0
  4. 4
  5. 5

    Jordan Moore

    March 12, 2009 4:12 am

    Out of all of them I like Puff’s the most B)

    0
  6. 6
  7. 7

    Tyler Henson

    March 12, 2009 4:14 am

    I LOVE fashion websites!!! That’s where I get a lot of inspiration from!! ;) Great post!!!

    0
  8. 8

    Christopher Bolton

    March 12, 2009 4:17 am

    There is always a lot of money spent on fashion advertising. Due to this fact we usually get very high quality designs in this field. Very inspirational post.

    @wbdsgn

    0
  9. 9

    nice article once again

    0
  10. 10

    looks like you also missed out the Oliver Sweeney website too!

    Some great examples here though, loving it!

    0
  11. 11

    Mike Sawicki

    March 12, 2009 4:32 am

    Great list. Urban Outfitters minimalistic approach to their site is amazing in my opinion and belongs on the list. http://www.urbanoutfitters.com. Their site always gives me inspiration

    0
  12. 12

    Madi Karizma

    March 12, 2009 4:37 am

    Fantastic list!

    0
  13. 13

    Hmm. Interesting post, but I’ve got to say, most of them look very, very similar. The only ones that stood out of the crowd as something a bit different were Oilily, the Sak and maybe Louis Vutton. Not a lot of imagination in these sites, despite the high quality.

    0
  14. 14

    hm, it didn’t like my comment (maybe too many links) … once again with less URLs:

    http://www.chloe.com
    http://www.johngalliano.com
    http://www.valentino.com

    1
  15. 15
  16. 16

    That should be the most important ones. I also think they all look too similar and usability is not rated very high …

    0
  17. 17

    Francesco Giossi

    March 12, 2009 4:46 am

    :O
    How can you bastardize the name of the best fashion designer in the world, Giorgio Armani, calling him Georgio Armani?

    0
  18. 18

    Now we know why we have to pay so much money for fashion :-)

    0
  19. 19

    I like the Victoria Secret website ;-)

    0
  20. 20

    While the “trend” in fashion websites is big beautiful imagery, what gets lost is the functionality and the actual user experience. I’ve been on many of these sites and been initially impressed with the visuals, but almost always frustrated by how they actually function.

    0

↑ Back to top