Showcase of Beautiful Fashion Websites

Advertisement

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.

Trends

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

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

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

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:

Net-a-Porter
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-Porter

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

Prada

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

Paul Smith

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

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

Aquascutum

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

Free People

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

The Sak

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

Ralph Lauren

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

Rugby

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

Armani Exchange

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

Giorgio Armani

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

ASOS

Liz Claiborne New York
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 York

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

Mulberry

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

Hugo Boss

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

Hugo Boss

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

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

BCBGMAXAZRIA

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

Calvin Klein

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

Gucci

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

Agnes B.

J. Crew
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 John
Sean John uses a dark color scheme with a gray background, and a sliding content area that the user can control.

Sean John

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

Tommy Hilfiger

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

Louis Vuitton

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

Lucky Brand

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

Oilily

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

Benetton

A.P.C.
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.

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

Net-A-Porter

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

Victoria's Secret

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

DailyCandy

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

The Cut
The Cut is a fashion blog on New York Magazine. 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 Cut

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

Style.com

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

Kineda

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

Elle

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

WWD

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

Bazaar

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

Glamour

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

Fashion Served

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. Steven's profile at Google+.

  1. 1

    i like Bazaar and elle.

    hi

    im first comment WOWWW!!.

    +1
  2. 3

    Jordy Houtman

    March 12th, 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. 4

    I think you forgot sephora.com :)

    0
  4. 5
  5. 6

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

    0
  6. 7
  7. 8

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

    0
  8. 9

    Christopher Bolton

    March 12th, 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. 10

    nice article once again

    0
  10. 11

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

    Some great examples here though, loving it!

    0
  11. 12

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

    Fantastic list!

    0
  13. 14

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

    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. 16
  16. 17

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

    0
  17. 18

    Francesco Giossi

    March 12th, 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. 19

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

    0
  19. 20

    I like the Victoria Secret website ;-)

    0
  20. 21

    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
  21. 22

    Interesting list!
    I have never followed projects like these, it’s obvious that good images are mandatory for this kind of websites…

    0
  22. 23

    a comprehensive list with some excellent designs, unfortunately I feel that many of the fashion sites are too cluttered with very weak usability…

    0
  23. 24

    I agree with other comments that although the visual impact of the home page is high with many of these sites, usability is not as good as it might be. It seems that many fashion websites are still based on the outdated model of the double page spread in a fashion magazine.

    0
  24. 25

    I find fashion websites a great source for inspiration. They really try to push the boundaries of what websites can achieve, through their design and functionality.

    I particularly like agnes b. and Dolce & Gabbana.

    0
  25. 26

    very weak on usability for the ones that I looked at.

    all Flash based with no alternative content if you don’t have Flash or Javascript enabled.

    Look great with Flash certainly but usability is very important.

    0
  26. 27

    Amazing post!

    0
  27. 28

    nice ! thanks smashing mag !

    0
  28. 29

    Imelda Suriato

    March 12th, 2009 7:10 am

    Lots of good examples listed here. Always a fan of ASOS as an online retailer, with their quick scannable layout and comprehensive online strategy between their website and their Facebook page. Fits perfectly with their target audience.

    There are a few sites that should be listed there as well for their ahead-of-the-game web presence, especially a couple of Portugal’s Inditex Group’s brands (like Pull and Bear, Bershka…) and Theory for its clean presence that allows for the drag-n-drop create-your-own outfit feature.

    Also there is no mention of any of the brand’s related blog, which can be quite interesting to see how the brand is extended over to the less Flash-reliant blog format. Checkout how Costume National’s 3 clothing lines — each with its own style — extend the brand to 3 different blogs, as well as Yoox’s ever expanding The New Yooxer with the blend of art, fashion, music, etc.

    0
  29. 30

    I don’t know that i’d say these fashion sites push the boundary – maybe visually – but pushing the boundary would be finding that delicate balance between a site that has an amazing and inspirational design , with a site that’s useable and sends out the appropriate message to it’s correctly targetted market. Some of these come close – but even with the money spent, they lack.

    +1
  30. 31

    the golden rule for fashion websites: Show us some t*ts

    0
  31. 32

    that tommy site looks pretty cool… who knew tommy was cool again?

    0
  32. 33

    Hi, i love the benetton website, i think the design is great, and the products are so colourful!

    0
  33. 34

    Tracey Mitnick

    March 12th, 2009 8:17 am

    Wow, the tommy site really showcases their clothes in a new light!

    0
  34. 35

    Great web site examples! It’s nice to see there is such a wide variety of design out there in this industry.

    0
  35. 36

    Webnip Jonathan

    March 12th, 2009 9:09 am

    Honestly … the typography on some of these sites <3 !

    0
  36. 37

    This is in some way a rather shallow analysis. Shallow is not bad, it appeals to the masses. But somehow I find that the sites are being choosed mostly based on the brand popularity, with the exception of Free People boutique. I’m sad that the main ingredient of Free People is not highlighted here, it is what makes the site shine above the rest, in terms of functionality and aesthetics. On one side Free People offers a unique, that features some of the garments in different colors and even some are featured with different models with different hair colors. This is the way any women choose a garment. I can tell from watching my wife. The online catalog is also unique. When you roll the mouse over the different garments a model is using, the garment is highlighted with a stroke and the name is displayed; of course, if you click it you go to the shopping page for that particular item.
    I’m sad you took only some random page (which by the way, the previous one was better, I have it on my site at http://www.ilovecolors.com.ar/amazingly-designed-sites-from-cleaner-to-crowded/) and left aside the true essence that make Free People one of the best fashion sites for electronic shopping. Maybe it is the best.

    0
  37. 38

    Laura Stafford

    March 12th, 2009 9:46 am

    I’m glad that you did a post on the creativity of the fashion industry. Inspiration can truly come from anywhere.

    0
  38. 39

    Not sure if its just me but the image loading once you rollover is extremely annoying. Totally changes the awesome browsing experience you had.

    0
  39. 40

    Chris Robinson

    March 12th, 2009 10:32 am

    nice collection, the sean john site is really nicely done

    0
  40. 41

    Really? We had to pick the biggest corporate fashion lines out there that have more than enough money to hire the best ensemble of graphic/web designers? Of course their sites are going to be the best. I think the author could have dug deeper to find some independent designers out there that have equally amazing websites who are far more interesting than Tommy H. or Polo.

    0
  41. 42

    thailand trend

    alot photo
    colorful
    maximum content on homepage

    0
  42. 43

    FYI here’s something wrong with your RSS feed… there are some weird spammy-looking entries in it.

    0
  43. 44

    There’s*

    0
  44. 45

    Brian Temecula

    March 12th, 2009 12:07 pm

    @Katy – I don’t see any…

    0
  45. 46

    I would also add hm.com, their site is always updated and has some amazing features.

    0
  46. 47

    Yes, Katy is right. There are some weird RSS entries on my Google Reader from SM

    By: EnChikiben
    de Smashing Magazine de EnChikiben

    fValidator очень хорошая штука!

    By: Aditya
    de Smashing Magazine de Aditya

    really good tips! keep them coming

    y: עוד 70 ajaxים | בלוג עיצוב | המזלג
    de Smashing Magazine de עוד 70 ajaxים | בלוג עיצוב | המזלג

    [...] (מקסימום נשים קישור במיני בלוג). בכל אופן, מצורף קישור ל70 פונקציות אג’קס מעולות שנאספו ע”י בלוג העיצוב האינטראקטיבי המצוין – Smashing Magazine. [...]

    By: Hezzuo
    de Smashing Magazine de Hezzuo

    Thanks a lot for this great post! Keep that great work coming!

    By: Stu Collett
    de Smashing Magazine de Stu Collett

    Love this post. Thanks guys.

    Link []
    By: 70 scripts ajax « Mon soubik de longanis
    de Smashing Magazine de 70 scripts ajax « Mon soubik de longanis

    [...] Source smashingmagazine [...]

    0
  47. 48

    Thanks for including us on your list! :D

    0
  48. 49

    Daily Candy sticks out like a sore thumb – images are primarily illustrated and watercolor-esque. I love it.

    0
  49. 50

    Hi, i love the benetton website, i think the design is great, and the products are so colourful!

    0
  50. 51

    where are my coments?

    0
  51. 52

    Christa Taylor

    March 12th, 2009 2:06 pm

    Excellent, this gave me tremendous inspiration as I work on my own fashion site. I(www.christa-taylor.com) I think I need to initiate some changes!

    Thank you for your helpful presentaton-

    -cT

    0
  52. 53

    Amazing!!!!!!!!!!
    Inspiring!!!!!!!!!!!!!!!!!!!!!!

    0
  53. 54

    I love fashion and web, that’s why I love web design.
    Very inspiring list. Thanks Smashing.

    0
  54. 55

    Great Post

    0
  55. 56

    amazing post!

    0
  56. 57

    abed el salam

    March 13th, 2009 5:56 am

    Thankssss

    0
  57. 58

    angel(March 13th,2009, 10:59 am)

    March 13th, 2009 7:00 am

    Fashion roc’s. It’s a dream of mine to become a fashion designer.

    0
  58. 59

    Fashion sites it’s 90% all about photography… Great top list!

    0
  59. 60
  60. 61

    Thanks for the great examples.

    0
  61. 62

    assi kootstra

    March 13th, 2009 2:23 pm

    Good list!
    Just the big absent fashion site is the Swedish women fashion brand Odd Molly http://oddmolly.com/
    cheers!

    0
  62. 63

    Japanese Fashion Trends Spotted in Early Spring 2009

    March 13th, 2009 11:33 pm

    Will you add ours?

    http://jaccofashion.com

    0
  63. 64

    Ooo, fashion sites are always fun. Elke Walter has a cool new website with an interesting carousel slideshow (jquery, I think). The list goes on…

    0
  64. 65

    Large Photos are great idea but if you have a good internet connection…

    0
  65. 66

    Thaks Alot for this great collection of fashin websites.

    0
  66. 67

    Cheers for this. Currently doing a fashion website for my degree and this list is a big help.

    0
  67. 68

    Excelent portfolio web sites

    0
  68. 69

    It’s Conde Nast.

    0
  69. 70
  70. 71

    argh, there’s this one really intricate flash-built website i was shown, but i can’t remember it… (it was fashion related, i’m not comment spamming)

    0
  71. 72

    Another one! Site for WeSC (We are the Superlative Conspiracy)

    We are the Superlative Conspiracy

    0
  72. 73

    Josephine white

    March 16th, 2009 2:53 am

    Amazing post! To know more about fashion on this post is such a great deal. I can browse the site of my favorite list of upcoming spring summer collection. Thanks for you…

    0
  73. 74

    Daniel Matthews

    March 16th, 2009 3:50 am

    These are all good, it has to be said… but the annoyance of all flash sites is simply too much and can often put off the consumer from browsing the site for any longer than a few short minutes. This has to be a costly mistake, and one that can be easily avoided.
    If they want an effective use of flash then it should be confined to the main sections of the site, for instance, the home page and then the main page for each catagory, no further.

    Also, fasion sites make the common mistake of embeding music (Usually of bad taste) into their sites… why?! The first thing anyone does when that squeal blasts through the speakers is turn it off! its an inconvenience, Leave it out!

    Ive had my rant, thanks for the article.

    0
  74. 75

    Figleaves would have belonged in here 6 months ago but their site has really gone downhill as of late.

    0
  75. 76

    Huh. The screenshot of the UCB site actually reminded me of those expired-domain-sites.
    Check out the left menu. The formatting REALLY looks like those list of random ads they put on a site that hasn’t renewed the payment on its domain yet.

    0
  76. 77

    Check out the left menu. The formatting REALLY looks like those list of random ads they put on a site that hasn’t renewed the payment on its domain yet.estetik

    +1
  77. 78

    Figleaves would have belonged in here 6 months ago but their site has really gone downhill as of late.


    0
  78. 79

    you’ve got net-a-porter in there twice?

    0
  79. 80

    Another clean looking, minimal, “to the point” for a smaller scale fashion brand… Piado. http://www.piado.us.

    0
  80. 81

    You missed naming any of the model agency blogs……of course one of the best is: Red Models located in NY city.

    http://rednewyork.blogspot.com

    http://www.rednyc.com

    0
  81. 82

    Matias Cancemi

    March 24th, 2009 9:31 pm

    Thanks, great post!.

    0
  82. 83

    Great sites! Thanks for sharing!

    0
  83. 84

    amazing sites! another nice site:
    link and link

    0
  84. 85

    best use of product and creative graphics – http://www.hermes.com/
    check out the jewellery and accessories range – brilliant!

    0
  85. 86

    A love so simple fashion sites like bioderka.pl it is polish page.

    0
  86. 87

    I like Sleepwear site as I work from home and live in my Pajamas

    http://www.steviedaniels.com

    +1
  87. 88

    my favorite is Emma Burns’ Style & Fashion Store. It has many of these sites, fashion news and more plus it’s always growing with new links…

    0
  88. 89

    khili khub bud

    0
  89. 90

    Pedro Henrique

    April 15th, 2009 10:38 am

    I like this one too: http://www.vestemoda.com.br

    huges

    0
  90. 91

    These sites are all designers there are a ton of new social sites which let you mash all these designers together like


    and

    0
  91. 92

    Jackie McDonough

    April 17th, 2009 12:04 am

    I think it is so important that websites are catchy, neatly displayed, and get viewers engaged with the brand. Everything a brand does makes up its image and you want that image to be the same on all fronts. You can’t be a high end designer with a bad website it is a disconnection of quality that consumers will notice.

    0
  92. 93

    This is and urban fashion rating site
    http://ratemyfresh.com

    0
  93. 94
  94. 95

    i just came across this great website.

    http://www.robertoruivo.com

    0
  95. 96

    I think maybe you should check out the new Catherine Malandrino site. It’s a great new site.

    http://www.catherinemalandrino.com/

    0
  96. 97

    Just came across this one as well, looks like it takes all the designer feeds and puts them into one site, bit like Asos I guess, the missus is always on it. Anyway worth a mention!

    http://www.stylecompare.co.uk

    0
  97. 98

    Bontoni shoes (www.bontoni.com) is probably one of the best “fashion” websites that I’ve come across so far.

    0
  98. 99

    Aubrey Rafaeli

    June 22nd, 2009 7:08 pm

    Wow. Very nice list of beautiful fashion websites. I’m really in to fashion. I consider myself as a fashionista.

    0
  99. 100

    Exactly wht I was looking for… lovely tips and web sites. Many tks!! :)

    0
  100. 101

    Love the post, great job! It will be nice to do the same for E-Commerce websites.

    0

  1. 1

    I like Sleepwear site as I work from home and live in my Pajamas

    http://www.steviedaniels.com

    +1
  2. 2

    i like Bazaar and elle.

    hi

    im first comment WOWWW!!.

    +1
  3. 3

    I don’t know that i’d say these fashion sites push the boundary – maybe visually – but pushing the boundary would be finding that delicate balance between a site that has an amazing and inspirational design , with a site that’s useable and sends out the appropriate message to it’s correctly targetted market. Some of these come close – but even with the money spent, they lack.

    +1
  4. 4

    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
  5. 5
  6. 6

    Check out the left menu. The formatting REALLY looks like those list of random ads they put on a site that hasn’t renewed the payment on its domain yet.estetik

    +1
  7. 7

    Tejendra Shandilya

    July 13th, 2009 7:46 pm

    Great list ………great post :)
    thanks

    +1
  8. 8

    very nice,.I love all the post, very nice creativity and concept..thanks for this admin

    +1
  9. 9

    Stylish appearance is an imperative part of human life. Accurate choice of apparel for right season, Luxebutik give your taste a gorgeous profile and force people to have a high respect for your unique beauty all the time.

    +1
  10. 10

    dr dre headphones

    March 2nd, 2011 6:04 pm

    im creatin a fashion website for my school assignments… what advice or clever ideas does any one have??? Urgent.

    +1
  11. 11

    WoW really nice. Thank you for share.
    http://www.fashionin2012.net/

    +1

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top