Showcase Of e-Commerce Fall Sales Designs

Advertisement

The Web is changing along with the weather outside the window, adopting bright autumn-inspired makeovers for seasonal fall sales and special offers. The autumn (or fall) season is primarily associated with:

  • harvest (most cultures celebrate one of various harvest festivals this season),
  • bright, hot colors (ranging from yellow to red) reflecting autumn leaf colors,
  • falling leaves, etc.

Websites are adapting to these associations. Most e-commerce websites are running seasonal promotions stylized with distinctive fall designs:

  • Most widely used colors: red and yellow.
  • Most widely used decorative elements: yellow and red (falling) leaves.

The main purposes of these seasonal design changes include (though, of course, are not limited to):

  • to attract more attention: impressed by a new catchy look, visitors are more likely to spread the word;
  • to increase brand awareness by implementing seasonal decorative elements in the company banner or logo;
  • to make a special offer stand out in the background of the overall design (and thus increase conversion rates).

1. Focus on colors

Red, yellow and violet colors instantly set the atmosphere of the bright season. Notice how well huge, bold typography is used in some of the designs displayed below. This is the key to a successful promo-design.

Macy’s1 online store sticks to a red palette for the background of its special offer text. The vivid red color is contrasted with a gray palette, which enhances the effect:

Macy's Fall Design2

Ann Taylor’s online store3 also sticks to the color red for its text background. However, in this case, the color lacks contrast, which makes the offer look much less autumn-like:

Ann Taylo Fall Design4

Eddiebauer.com5 gets a stylized orange look. The design is simple yet communicates the message effectively:

Eddiebauer Fall Design6

Onlineshoes7 adds a few complementary design elements, sticking to an orange palette for the special offer text background and red for the text that needs to stand out:

OnlineShoes.com Fall Design8

Skechers.com9 focuses on orange colors in its Flash-based ad. The impression is enhanced by different hues of the same color:

Skechers.com Fall Design10

1800flowers.com11 not only chose orange colors for the text backgrounds and major page elements but also used the same palette for its actual products. In this case, the color choice and featured products work well together and the technique creates a bright, consistent impression that lasts:

1800flowers Fall Design12

The Popcorn Factory13 chose a similar tactic, matching the page colors to the products:

The Popcorn Factory Fall Design14

Gymboree15 sticks to the color red in stylizing both the page background and the displayed products. A few distinctive design decisions (e.g. little leaves in the corners) increase the effect and create an appropriate mood:

Gymboree Fall design16

Newegg.com6917 goes a step further, giving a fall look to all of the page elements: background decorative elements (leaves and harvest), text color (primarily orange) and even stylized products (autumn scenes displayed on the monitors):

Newegg.com Fall Design18

Cabelas19‘ orange-brown-yellow palette does not render the fall atmosphere as distinctively as the above examples, but still creates some kind of autumn mood:

Cabelas.com Fall Design20

Elegance.de21

Elegance Fall Design22

Wilsons Leather23

Fall Design24

La Redoute25

La Redoute Fall Design26

Gap.com27

Gap Fall Design28

JCPenney29

Fall Design30

Ross-Simons.com31

Fall Design32

Classic Closeouts33

Classic Closeouts Fall Design34

Spiegel35

Fall Design36

Metrostyle37

Fall Design38

VictoriasSecret.com39

Victoria's Secret Fall Design40

2. Focus on the imagery (e.g. leaves)

To communicate the atmosphere of the fall, designers use common metaphers such as leaves which are the most popular motif. The latter is almost always used together with appropriate color combinations and helps the promo-image to stand out by appealing and vibrant visuals. Still, colors are sometimes used very sparsely and almost always remain passive in the background.

Damart.fr41

La Redoute Fall Design42

Nordstrom43

Fall Design44

Venca.es45

Venca Fall Design46

Beauty Bridge47 uses yellow and red leaves as the product background:

Beauty Bridge Fall Design48

VisitScotland.com49 also sets up a fall atmosphere with the help of red and yellow leaves, which frame the website’s navigation:

Visitscotland.com Fall Design50

Sports Authority51 avoids seasonal colors. Still, traditional decorative elements (i.e. leaves) are added (top-left corner) to make the fall sale stand out:

Sports Authority Fall Design52

Shoes.com53 has a most impressive design for its fall sale landing page, implementing an autumn theme consistently throughout the Flash-based page banner. The products are surrounded by perfectly matched seasonal decorative elements: falling leaves, brown trees and beautiful hover elements (stylized as yellow leaves):

Shoes.com Fall Design54

Shoes.com Fall Design55

Shoes.com Fall Design56

For its seasonal sale, Disney Online Shop57 introduces a bright pop-up window, stylized with red text and orange and green leaves:

Disney Fall design58

Apple Seeds59 adds some spice to its fall landing page with a single small orange leaf that doesn’t distract the visitor’s attention but renders the atmosphere perfectly:

Appleseeds Fall Design60

eToys.com61

Fall Design62

FragranceNet.com63

Fall Design64

3. Creating an Autumn Mood with Certain Design Elements

3.1. Page background

Coldwatercreek.com65 chose an orange background with orange leaves:

Coldwatercreek Fall Design66

3.2. Page Banner

Some companies went no further than stylizing the page banner:

Barnes&Noble67:

Barnes&Noble Fall Design68

Newegg.com6917:

Newegg.com Fall Design70

3.3. Illustrations

Aroma Boutique71 uses an illustration with a girl and leaves to highlight the fall sale.

Fall Design72

3.4. Matching products

ShopBop.com73 places its products in the middle of the page, creating the perfect image of rainy weather outside the window:

ShopBop.com Fall Design74

Linen Source75 — introducing here a new product line: wall art — gives preference to products displaying autumn-looking scenes:

Linen Source Fall Design76

3.5. Company/Website Logo

Pfaltzgraff77 adds a tiny autumn-looking detail to its company logo. Compare:

Pfaltzgraff Fall Design78

Footnotes

  1. 1 http://www.macys.com/
  2. 2 http://www.macys.com/
  3. 3 http://www.anntaylorloft.com/home.jsp
  4. 4 http://www.anntaylorloft.com/home.jsp
  5. 5 http://www.eddiebauer.com/home.jsp
  6. 6 http://www.eddiebauer.com/home.jsp
  7. 7 http://www.onlineshoes.com/
  8. 8 http://www.onlineshoes.com/
  9. 9 http://www.skechers.com/
  10. 10 http://www.skechers.com/
  11. 11 http://ww21.1800flowers.com/
  12. 12 http://ww21.1800flowers.com/
  13. 13 http://www.thepopcornfactory.com/popcorn/welcome.asp?sc=1002&body_sc=1002
  14. 14 http://www.thepopcornfactory.com/popcorn/welcome.asp?sc=1002&body_sc=1002
  15. 15 http://www.gymboree.com//index.jsp
  16. 16 http://www.gymboree.com//index.jsp
  17. 17 http://www.newegg.com/
  18. 18 http://www.newegg.com/
  19. 19 http://www.cabelas.com/cabelas/en/content/home/firsthome_d2.html?cmCat=Home_D
  20. 20 http://www.cabelas.com/cabelas/en/content/home/firsthome_d2.html?cmCat=Home_D
  21. 21 http://www.elegance.de/
  22. 22 http://www.elegance.de/
  23. 23 http://www.wilsonsleather.com
  24. 24 http://www.wilsonsleather.com
  25. 25 http://www.laredoute.co.uk/
  26. 26 http://www.laredoute.co.uk/
  27. 27 http://www.gap.com/
  28. 28 http://www.gap.com/
  29. 29 http://www.jcpenney.com/jcp/default.aspx
  30. 30 http://www.jcpenney.com/jcp/default.aspx
  31. 31 http://www.ross-simons.com/
  32. 32 http://www.ross-simons.com/
  33. 33 http://www.classiccloseouts.com/
  34. 34 http://www.classiccloseouts.com/
  35. 35 http://www.maxfurniture.com/
  36. 36 http://www.maxfurniture.com/
  37. 37 http://www.metrostyle.com/
  38. 38 http://www.metrostyle.com/
  39. 39 http://www.victoriassecret.com
  40. 40 http://www.victoriassecret.com
  41. 41 http://www.damart.fr/
  42. 42 http://www.damart.fr/
  43. 43 http://shop.nordstrom.com/C/2375500/0~2375500
  44. 44 http://shop.nordstrom.com/C/2375500/0~2375500
  45. 45 http://www.venca.es/
  46. 46 http://www.venca.es/
  47. 47 http://www.beautybridge.com/
  48. 48 http://www.beautybridge.com/
  49. 49 http://autumn.visitscotland.com/
  50. 50 http://autumn.visitscotland.com/
  51. 51 http://www.sportsauthority.com/home/index.jsp
  52. 52 http://www.sportsauthority.com/home/index.jsp
  53. 53 http://www.shoes.com/
  54. 54 http://www.shoes.com/
  55. 55 http://www.shoes.com/
  56. 56 http://www.shoes.com/
  57. 57 http://home.disney.go.com/shopping/
  58. 58 http://home.disney.go.com/shopping/
  59. 59 http://www.appleseeds.com/
  60. 60 http://www.appleseeds.com/
  61. 61 http://www.etoys.com/
  62. 62 http://www.etoys.com/
  63. 63 http://www.fragrancenet.com/
  64. 64 http://www.fragrancenet.com/
  65. 65 http://www.coldwatercreek.com/
  66. 66 http://www.coldwatercreek.com/
  67. 67 http://www.barnesandnoble.com/
  68. 68 http://www.barnesandnoble.com/
  69. 69 http://www.newegg.com/
  70. 70 http://www.newegg.com/
  71. 71 http://www.aromaboutique.com/
  72. 72 http://www.aromaboutique.com/
  73. 73 http://www.shopbop.com/
  74. 74 http://www.shopbop.com/
  75. 75 http://www.linensource.com/default.aspx
  76. 76 http://www.linensource.com/default.aspx
  77. 77 http://pfaltzgraff.com/
  78. 78 http://pfaltzgraff.com/

↑ Back to top Tweet itShare on Facebook

Ann Smarty is an SEO consultant and blogger.

Advertisement
  1. 1

    awesome!

    0
  2. 52

    how I freakin’ hate those designs. anyway nice article.

    0
  3. 103

    I’ve come to realize that Smashing Mag probably gets paid for their posts. Because honestly, who in their right mind cares about the current state of banner advertising for the fall season? Try tackling a real issue — like, how to get more business during this economic crisis, or how to keep clients happy while maintaining your aesthetic bottom line.

    Something that matters.

    0
  4. 154

    Here is one more of the E-commerce Web site. The Web site is using flash.
    http://www.lightningfast.com

    0
  5. 205

    Any ideas how I could improve the attached design for a fall offer . Or even a general improvement on the design.

    0
  6. 256

    And don´t forget to check out Zara Home, it´s the greatest interiors website.

    0
  7. 307

    nice typography there. thanks smashing ;)

    0
  8. 358

    very nice graphics especially the girl with bag surrounded by autumn leafs. I like pink coulour also….

    0
  9. 409

    I was really interested in this article. Well done SM!

    I was traipsing around some online shops, and I came across a good one for autumn! Take a look at the jackwills.co.uk website!

    0
  10. 460

    Christopher Ross

    October 8, 2008 4:01 am

    Does anybody know who did the Eddiebauer.com site? Was it in-house or an agency?

    0
  11. 511

    Interesting article. And I must say I adore the art direction of the models on Elegance.de. fn

    0
  12. 562

    Good collection. I agree that since the title indicates that this is fall sales ecommerce collection, the list encompasses what it promises. Nice one.

    0
  13. 613

    Whilst these may be the best examples of fall sales designs, the examples are very bland and boring.

    0
  14. 664

    Great list…very comprehensive but there are a few options that were left out, managed to look through some of the sites and thought they were above average with the exception of one or two. The changes in colors keep the site fresh for shoppers who return on a regular basis which is attractive and the right approach with these type of ecommerce sites. In the furniture industry, as well as fashion its important to change ‘styles’ on a regular basis because the industries are so tied to seasonal changes.

    0
  15. 715

    Hi,
    I read this post very care fully and you are saying right. But as you said that the time has changed. The marketing trend has also changed no the people and companies are focusing we should aware about it and go through.

    0
  16. 766

    Great Articles , I Like the idea as well as benner,

    Thanks

    1
  17. 817

    Thank for the information, its kinda funny how some companies go over the top! When you see a shop selling sport equipment and their website has more leaves than products, you know you have a problem lol!

    -1
  18. 868

    Gerat Designs nice Inspiration list I think thias one should also be listed: amonda.de/ :-)

    0

↑ Back to top