Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

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 Barcelona, dedicated to smart front-end techniques and design patterns.

Fashion Websites: Trends, Showcase, Interviews

Fashion is a cultural phenomenon. It’s so often transient, but at the same time one of the most polished mirrors of our time. Unlike other art forms and creative media, fashion is a mode of self-expression for all players involved: the designer makes clothes to express their personality, and the consumer wears them for the same purpose. Fashion also accommodates a number of other creative professions, such as photography, make-up and hair-dressing and Web design.

In this post, we’ll look at websites from the fashion industry. We spoke with two developers whose websites differed in style and implementation to find out the considerations involved in designing a website for a fashion brand. Further below, you’ll find a collection of smart websites done by clothing designers, photographers, make-up artists and other players.

With its look at trends and features in this niche, this post may come in handy for those of you working on a related project or who are simply curious to know how Web design is approached in this industry. Although we won’t discuss the clothing itself, fashionistas may find some use in it, too.

Looking through the websites discussed in this post, we caught a few commonalities.

Full-Screen Photography Link

Photography is a powerful tool and is integral to fashion websites. Grasping how photography can impress the viewer and set the mood, many fashion brands use big high-quality pictures to dominate their websites.

Like many other fashion websites, Mexx relies heavily on Flash and full-screen images. The design has no special features or gimmick; its uniqueness is in the content itself.


Story-Telling Link

The fashion industry works hard to create mental associations and set expectations on the part of its audience. The market is saturated, and companies look for new ways to grab the attention of customers. One way a brand does this is by going beyond merely presenting its clothes and instead bringing its merchandise together into a storyline and associating its product line with a certain lifestyle.

Louis Vitton Journeys3
Louis Vuitton Journeys is a unique Web campaign sponsored by the famous fashion brand. It features exclusive stories about influential modern personalities. The latest journey, Encounter With Greatness, features quite a smashing get-together of three football legends: Pele, Diego Maradona and Zinedine Zidane. Unique content and interactivity through Facebook integration make the website an exciting destination.


E-Commerce Integration Link

Modern Web technology enables us to showcase and sell products at once, and equally well. Today, most fashion brands no longer divide their online presence between their product line and e-commerce, preferring to combine the two under one domain or using their online store as their official website.

Tiffany’s official website has a distinctly e-commerce design.


Big Names Are Inconspicuous Link

That the icons of fashion are so old-fashioned with their website designs is rather ironic. A quick look across fashion websites reveals that the more famous a brand, the more poorly designed its website. It seems these traditionally big names prefer conventional marketing channels and minimize their Web presence because of it.

Pierre Cardin7
This website is definitely worth a visit, at least to see what a good design is not. Or perhaps that’s what they call avant-garde?


Interactivity and Social Media Link

Another trend is the increasing use of interactive features and social-network integration. Designers are taking advantage of the latest tools and techniques to allow visitors to “touch” their products and deliver exciting experiences. Live-action previews of apparel, webcam functionality, connecting and sharing via Facebook, even 3-D viewing mode: with all of these entertaining baits, becoming an online shopaholic is easier than ever.

Zoogami Eyewear
Zoogami presents its latest eyewear collection in a fun, amusing way. You need a Facebook account and webcam to experience it.


Different Web-Building Technologies Link

Although Flash still leads as the tool of choice for fashion websites, more websites based on HTML and JavaScript are appearing in this niche.

The website for footwear brand Airwalk shows JavaScript at its best. It delivers a dynamic and interactive experience with its variety of transitions and hover effects. The branding website is seamlessly integrated with the online store, and the company style is perfectly supported by the images and typography. Legwork Studio10 is behind the work.


Showcase Of Beautiful Fashion Websites Link

Below are some more examples of fashion websites. The websites were selected not because the brands are famous, but rather because they were attractive, their approach was creative and their interface uncluttered (though not every website necessarily exhibited all three characteristics).

Adidas Y-3
The website for this Y-3 spring and summer 2010 collection is hosted on Adidas’ corporate domain. The website features an innovative and sophisticated presentation of the products, implemented with the “live photos” effect. Designed by Sid Lee12.


Burberry 13
Every item in Burberry’s apparel and accessories collections is presented in a unique way on the company’s website. Here, you can see the “live photo” effect, similar to the one implemented on Adidas’ website; Burberry does a twist on it, though, by adding 3-D rendering. The design agency, KOKOKAKA14, aimed for interactivity and hit the target, wouldn’t you agree? The website also includes an HTML-based e-commerce platform, so it’s a good example of how HTML and Flash can be effectively combined.


Amanda Wakeley16
A simple yet elegant website that serves as both an online store and a branding home for Amanda Wakeley. Design by Pod117.


Anja Gockel19
The website of German fashion designer Anja Gockel has a clean and contemporary look. This is achieved mostly through high-quality photography, an uncluttered layout and clean typography. A special treat for fans: three desktop wallpapers available for free downloading, something rarely seen on fashion websites. Website design made by Macologne20.


Jay Jays Dance/Off
Dance/Off is an online catalogue for the new line by youth fashion brand Jay Jays. Its highlight is the interactive video available for viewing in 3-D. Visitors can enjoy a dynamic dance show and then just click to freeze the action and explore the outfits. Creative agency Visual Jazz did a great job of creating the fun and engaging product presentation.


This website looks quite normal for a company that has developed a habit lately of inviting everyone to “be stupid.” Perhaps taking up a good half of the main with a large cloud of images and adding some Italian content here and there might seem strange, but given its habit, Diesel can probably get away with being a bit… well, cuckoo in its design.


24 Teeth by Lacoste
This minimal and light design splendidly matches the style of the 24 Teeth footwear line by Lacoste.


The website of Polish clothing brand Reserved has an atmospheric Flash-based design. The full-screen slideshow on the main page works great at inviting visitors to check out the latest collection. “Live photos” are used here, too, officially making this a trend. Some content is available only in Polish, even after you switch the language selector to English, similar to the Diesel website. Another trend? Hopefully not.


Walter Van Beirendonck26
Now here’s a Belgian approach to fashion websites. The design relies heavily on boxed tables and red. The timeline section has some bugs; still, the website is worth checking out, if only for the illustrations. Designed by Emmy Mees27.


Werkestette’s website is based on content. The simple and intuitive navigation enhances the impact of the large photos. The website was created by Pelle Martin4230 and Felix Nielsen.


Simplicity and an intelligent use of colors make the website of Italian creative studio You a beauty.


Anti Sweden34
Anti Sweden is the tribute of Norwegian design collective Anti35 to black metal, jeans and Norwegian identity. Remarkable graphic design and typography earned the Anti Sweden website a spot in this showcase.


The Faith clothing line is the brainchild of the Italian fashion designer Federica Sasella. Large photographs and cloth textures give the Faith website a pleasant look and feel. Designed by Effective Studio.


Daffy operates a network of low-price clothing stores geared to varied consumers. Bright colors, big eye-catching pictures, transitions and easy navigation make for a comfortable experience of browsing for bargains.


This website focuses on imagery; the latest Prada collection is presented as an original mix of photos and illustrations. One nice feature is that most pages open in their own pop-up windows that can be moved around the screen, allowing visitors to compare products.


Josh Goot 39
On the website of Australian fashion designer Josh Goot, visitors can play with the fuzzy surreal background, which creates a nice visual effect as the mouse moves around the screen. The interactive full-screen mode for images lets you examine the outfits in details. Tick off the checkboxes for aesthetics and functionality.


Lasse Pedersen41
This website is for hair and make-up artist Lasse Pedersen. The big pictures and typography are best viewed at full screen. Developed by Pelle Martin4230 and Felix Nielsen.


Lisa Shahno44
Moscow-based designer Lisa Shahno puts herself on the fashion map with these geometry-inspired designs. Her website accords with the style, too: the sparseness of the design complements the photographs and geometric logo well. Website designed by Kostya Sasquatch45.


On the splash page of Moschino’s website, you can choose between the main website, the official online store or the page for the current campaign. At first sight, the three sub-sites aren’t very visually consistent. But it doesn’t feel like a serious problem, maybe because the funny goose mascot creates a link between the sections. Made by Netway Italia48.


Miss Sixty50
The design for Miss Sixty’s website is bold and provocative, in no small part because of the abundance of red on the black background. The online store is slightly calmer.


“The Original Sneaker” celebrates its over 90-year history. The website is a treat for the typophile.


Cheap Monday52
This well-known producer of street-style jeans, Cheap Monday, has an interesting history. You can learn all about it on the company’s website, which has a simple “bloggy” design that matches the underground values of the brand.


Under The Hood: Interviews With Two Developers Link

To get a better idea of what characterizes the process of designing a fashion website, I spoke with people at two design agencies that have relevant portfolios. One of them is the Swedish digital agency Nute54, which developed a website for the fashion and art project Uniforms for the Dedicated. The other team is the Indian agency BC Web Wise6655, which designed a website for apparel creator Allen Solly.

I thank both teams for taking the time to do interviews for this article.

Uniforms for the Dedicated Link


Uniforms for the Dedicated57 (UftD) shows an innovative approach to fashion branding by combining men’s fashion, music, art and film. All of these and an online store are skillfully presented on UftD’s website, which was designed and developed by Nute Digital Agency58. Like the fashion brand itself, the website is diverse and successfully combines HTML, Flash, JavaScript and an e-commerce platform into an enjoyable browsing experience.

Daniel Ruuth, creative Web developer at Nute, was kind enough to share details of the creation process for UftD’s website.

Question: What is involved in designing a website for a fashion brand?

Daniel: I think designing a website for a fashion brand is like designing a website for any other lifestyle product. The main thing is to display the products—the clothes in this case—well and in a context in which the viewer gets an overall feel for the product. A piece of clothing is so much more than a textile and a color: it’s a mood, a statement and an expression of the person wearing it.

We have a great connection with our client, and because of this we know how important the context, the feeling and the underlying story of each garment are. This is what we need to communicate to visitors. They need to be able to see themselves in the clothes. Besides this, of course, users want to be able to “get” the material, so close-ups and/or photographs that help you understand the motion of the garment are important.

Question: What goals did the client set for you?

Daniel: The website was combined with an art installation. The goal was to launch the website to keep the rings on the water moving. Along with that, we had the goal to increase website traffic by 40%, which we did.

Question: Could you give us a brief overview of the stages of creating the website?

Daniel: We had a start-up meeting with the clients to discuss this year’s campaign. At the meeting, we gathered key concepts and any ideas they had. After that, we start working on a presentation of our suggested approach; this is where we showed them the initial hand-drawn sketches (which were poorly detailed on purpose to keep the client from locking in on the details).

Some sketches from the original hand-drawn story board.

Daniel: That idea and those sketches got tossed around for a while before we got to the next point: the mock-up. Here, we did a simple mock-up (watch this concept test movie60 for the UftD website). Once that was completed, we did the final sketches, got them approved and then went about starting the actual production.

Question: What tools did you use? Particularly, what were your reasons for not using pure Flash, which seems to be the most popular platform for fashion websites?

Daniel: We put the idea first. The technique is not what’s important. If the idea must be realized with Flash, we’ll use Flash. If it can be solved with plain HTML, we’ll use HTML. If we need to work with Web cameras and streaming services, well, then we’ll use that. We try not to think of “how” right from the start, but rather of “what.” We have a great team here at Nute, so whatever idea we come up with, we usually have someone who can make it happen.

The tools we used in this production were AfterEffects, Photoshop, Flash and Coda. The online store implementation was built on the Magento e-commerce software.

The UftD online store is clean and elegant, creating a comfortable shopping experience.

The biggest part of the production was creating the movie/environment (see a screen dump62 of our AfterEffects project; quite a few layers).

Some of the frames from the movie for UftD’s latest campaign, 1020 Trickery Lane.

Question: What do you think makes this website a win?

Daniel: We strive to tell the user a story. Whether it’s a huge CMS-based company website or a campaign website like the one for UftD, there’s always a story to tell. In this case, it’s easier to see what I mean by “story,” because the website could actually be interpreted as a film, going from point A to point B. Our first concept was like a script for a movie.

What makes this website a win? Well, perhaps it’s a win because we are able to entertain users while they view all of these awesome garments by UftD in an exciting environment. But more importantly, I think this website is a win because it’s right where the audience is. This would not be a good website for a Donna Karen collection, but it’s a great website for a brand like UftD.

Question: What feedback have you gotten from the client and users about the website?

Daniel: The client is more than happy, and the online buzz for the website speaks for itself.

Allen Solly Link


Allen Solly65 is an apparel brand from India that offers mostly semi-formal and casual wear for men and women. The brand’s official website is based on Flash; eye-catching illustrations and an interactive 3-D environment convey well the spirit of the 2010 collection and engage the target audience. Unlike most fashion brand websites, Allen Solly’s has a contemporary and uncluttered design.

To learn more about the process of creating a website for Allen Solly, I got in touch with the agency responsible for the design, BC Web Wise6655. The founder, Chhaya Balachandran Aiyer, and the studio’s leading designer, Naim Shaikh, kindly agreed to answer my questions.

Question: What is involved in designing a website for a fashion brand?

Chhaya: Imagery is critical. The design has to showcase the fashion statement. It has been commonly implemented in print and on TV before. The idea is to extend this fashion statement to the Web, taking advantage of its interactive capabilities. I think we did it with the use of Papervision3D and bringing alive a 3-D rendition of the print campaign.

Question: What goals did the client set for you?

Chhaya: The message of Allen Solly’s latest release was as follows: “We’re bringing modern art to modern fashion, doing summer style like nobody else. Our new range of youthful work and casual wear lets you live life 3-D in a 2-D world.” Our goal was to create a Web presence that reflected this idea in the best way.

Naim: In short, the client’s brief sounded like this: “This is our new collection. Do your best with this.” We then got full freedom to do our creative work.

Question: What tools did you use? Particularly, why did you choose Flash, which seems to be the most popular platform for fashion websites?

Naim: Flash and Photoshop were used to make this website. Usability is very important to us. I feel that many fashion websites are too cluttered, with weak usability, and we tried to avoid this. For Allen Solly, along with the main Flash version, an alternative HTML website is available, which helps with search engine optimization and gives choice to visitors who don’t have Flash enabled.

The creative artwork done by Ogilvy for Allen Solly’s print campaign was very cool, with a 3-D effect and illustration style. We adapted it for online.

The illustrations on the Allen Solly website were initially designed for the print campaign of the same name, designed by Ogilvy & Mather Bangalore.

Question: What, in your opinion, makes this website a win? What feedback have you gotten from clients and the audience?

Chhaya: An intuitive front end and sleek execution. Honestly, everyone has simply loved it.

Naim: It was a very big project for us. It is very big for me on a personal level, too. The website has received the most positive response and has been featured in various design communities.


Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
SmashingConf Barcelona 2016

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 Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook


Julia May is a freelance copywriter and digital marketing consultant who's been helping great teams (TemplateMonster, MotoCMS, Onyx) implement great ideas since 2009.

  1. 1

    Funny because Louis Vuitton is absolutely the worst website coming from an ecommerce perspective.

  2. 2

    Dmitry Chebakov

    September 27, 2010 4:26 am

    Awesome article, thanks!

    I think it’s a great idea to interview designers, alongside with showcases. It’s always interesting to know who’s behind the good design and what’s the story of the particular website creation.

    • 3

      I wonder if that is possible when dealing with major brands. There must be a design team and they probably have singed a NDA.

      • 4

        Dmitry Chebakov

        September 28, 2010 6:55 am

        Usually they sign NDAs for a certain period. When it expires, they can tell everything they want =)

  3. 5

    Very nice collection.. thanks for this article..

  4. 6

    Fashion site with e-commerce integration

  5. 7

    Nice collection. I prefer the Walter Van Beirendonck website. :D

  6. 8

    Its interesting to see that most fashion website are based in Flash…..

    • 9

      Unfortunately most of them do not work on mobile phones.

      • 10

        I would highly doubt any of them care if they work on mobile.

        It’s all about “big”, “High-end” showcases in that world, not meant to be viewed on a phone.

        • 11

          Actually I disagree. These Fashion people are EVENT fanatics and probably use their Mobile Devices (ipad, iphone) more than the average person. They don’t sit in offices or cafe’s… I believe the biggest reason they use flash is because they are dependent on making ‘ripples’ when it comes to marketing… if it doesn’t have sound or move, their audience is bored.

        • 12

          It is easy enough to create an alternate mobile site that matches their branding. One more piece of marketing material isn’t going to phase them. :P

  7. 13

    Interesting showcase. How about a showcase about different fashion blogs around the world?

  8. 14

    just a glance at Pierre Cardin’s website and I was like…really? this is what smashing brings as an example? Then i read the whole paragraph…

  9. 15

    looks like diesel’s is the only worthwhile of the bunch. Also it is terrifying to see million-dollaz income companies sporting ass-ugly sites (yes, mr. Cardin, I am talking about you!)

  10. 16

    Zur mexx-Seite: Flash ist nicht gut, aber Heike Makatsch dafür um so mehr.

  11. 17

    Should also take a look at

  12. 18

    Love Diesel and Allen Selly :”) But I for sure didn’t expect Pierre Cardin’s website to be that awful. But again, maybe they don’t need to sell anything online or spread company image (because they’re too famous already) so they’re not that adamant about website design : ?

  13. 19

    Thanks for the great post!
    You may want to include and in the showcase.

  14. 20

    Great collection. One more fashion site for this collection

  15. 21

    That mexx boy is cute! wanna give him a hug :)

  16. 22

    Nice selection here, the burbury site stands out to me as a great example of grid based design.

  17. 23

    Hey, does anyone know a good automated generating traffic tool?

  18. 24

    nice to see an indian site here! Allen Solly! yaayyy! CONGRATULATIONS!

  19. 25

    Fashion websites are among the worst designed sites on earth (next to hotel websites). They use Flash (still) which you cannot see on an iPhone or iPad. They are difficult to navigate. It’s like they hired narcissistic web designers who care solely about displaying their “genius”. They load slowly, too. The interfaces are terrible! I have no idea who set the standard for this type of website because it’s everywhere.

  20. 26

    Barbara Elizabeth

    September 27, 2010 5:21 pm

    Awesome article with so many great examples!

    Fashion is finally getting more into online marketing than ever before. Some upscale, luxury brands are still reluctant to delve into Fashion 2.0. But more and more and jumping in.

    For example, Hermès – I Love My Scarf has an awesome new website that integrates social media and video in an engaging, fun way. And, Gucci offers a cool e-commerce site with video and social media support. In fact, the fashion web is enamored with the short film to promote their brand online. It’s an exciting time for Fashion 2.0!


↑ Back to top