Random e-commerce ideas & trends

12,187
-1

Published on

A small presentation including a random bunch of things I’ve spotted on the internet. That looked like a great — or funny — idea. And involve webshops and e-commerce.

Published in: Design, Technology
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
12,187
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide
  • Picture by www.lukew.com
  • Image from www.amazon.com
  • Image from www.amazon.com
  • Image from www.amazon.com
  • Picture: http://www.sustainableisgood.com/
  • Random e-commerce ideas & trends

    1. 1. Random e-commerceideas & trends Marlon Lunch ‘n Learn @vincentmouton
    2. 2. At our company www.marlon.be once in a while, on Fridays, during lunch, we share our knowledge. This slide deck is part of that series. 2  
    3. 3. It contains a series of random things I’ve spotted on the internet. And involved webshops. And looked like a great or funny idea. No agenda. No TOC. No conclusions. 3  
    4. 4. In essence, this slide deck is all about: 4  
    5. 5. Pretty design trends Nifty little usability things Funny features 5  
    6. 6. Let’s do things backwards. Let’s start with the last step in your average online shopping experience: the delivery of your package. 6  
    7. 7. Shopping on an e-commerce site shouldn’t stop at the confirmation e-mail. You can extend the ‘experience’ way beyond that…. 7  
    8. 8. 1 Push the ‘experience’ beyond the website 8  
    9. 9. I know, I know, a very obvious example Obvious example: Apple. They don’t just design their products with great care. They also design their packaging. 9  
    10. 10. Unpacking is really a return to your childhood, isn’t it? Apple packaging extends the experience way beyond the actual shopping. 10  
    11. 11. Having great packaging doesn’t require a large design team though. One of our customers has taken great care in selecting their packaging. They decided from day one against using brown cardboard boxes. 11  
    12. 12. These boxes are ofsuch a high quality that people don’tthrow them away. Some of their customers collect them, and use them as storage boxes. 12  
    13. 13. Apart from really great looking packaging, there’s another way of extending a pleasurable shopping experience. Iyou achieve that by simply taking away all causes of frustration. 13  
    14. 14. If you’ve got kids, you’ll recognize this sort of toy… 14  
    15. 15. 15  
    16. 16. Yes, indeed. The kind of toy that you spend half an hour unpacking. 16  
    17. 17. Yes, indeed. The kind of toy that you spend half an hour unpacking. At least. 17  
    18. 18. While your kid is jumping around. 18  
    19. 19. YELLING. 19  
    20. 20. The packaging is a nightmare. The toy is fastened with plastic wires, that in turn are stuck in hard-to-reach corners, While they’re also taped to the box. 20  
    21. 21. This packaging is HELL. But there’s a solution to this frustrating experience… 21  
    22. 22. Amazon’s Frustration Free Packaging 22  
    23. 23. 23  
    24. 24. For a premium price, Amazon unpacks the toy, assembles it, and puts it into another packaging. 24  
    25. 25. 25  
    26. 26. Search for this little demo in YouTube 26  
    27. 27. But hey. Talking about Amazon and packaging. Lets be honest, they haven’t got the entire experience right, isn’t it? 27  
    28. 28. 28  
    29. 29. 2 Catalog browsing 29  
    30. 30. One of the hardest things when designing a webshop, is finding the perfect way to present your products. How do you help a customer in finding the right product? 30  
    31. 31. First example: shopping by style. An amazingly simple idea, is to define a set of basic styles that represent different types of customers. 31  
    32. 32. “Shop by girl” means you select a type ofpersona that matches your style, or chararacter. 32  
    33. 33. Once you’ve selected ‘a girl’, you are presented with all products matching that persona. 33  
    34. 34. OK, the really skinnymodels can put you off, and give you asense of ‘this is notfor me’, but you get the idea. 34  
    35. 35. Same idea, but a little bit more, well, cheesy… 35  
    36. 36. KnickerPicker helpsyou select the right product, based on your body shape. 36  
    37. 37. And they do thatusing short movies of models strutting their stuff. 37  
    38. 38. That’s browsing by style, or by shape, or by persona. But browsing by simply using pics, can be done really well too. 38  
    39. 39. The Ann Taylor shopallows you to chose the image size. 39  
    40. 40. The default size 40  
    41. 41. Bigger 41  
    42. 42. Huge and classy. Try it out on their website. 42  
    43. 43. SunglassHut uses the same grid of large images. 43  
    44. 44. Hover over an image, and you get a viewfrom another angle. Smart! 44  
    45. 45. And they offer a neat‘Quick view’, right from the overview page. 45  
    46. 46. Also: really niceFaceted Browser theyhave here. Love that. 46  
    47. 47. Talking about Faceted Browsers, Design By Humans, makes itprominent by putting it on top. 47  
    48. 48. An even cooler way ofbrowsing your catalog: BikeByMe has a configurator, right ontheir homepage. Great idea! 48  
    49. 49. That BikeByMe site has a large image right on their front page. That’s a trend, right there! 49  
    50. 50. 3 The bigger picture 50  
    51. 51. 51  
    52. 52. 52  
    53. 53. Large visuals, huge backgrounds. There are a lot of great examples out ther. 53  
    54. 54. Something else… We’re still talking websites, HTML, software, pages. One of the most important things you can do, is adding personality to your website. Make it human! 54  
    55. 55. 4 Personalize 55  
    56. 56. The next screenshot is in Dutch, but you’ll get the idea. It’s the page you see after having placed your order. 56  
    57. 57. First of all, they say‘Thank you’. Which is very important. 57  
    58. 58. Secondly, they say:‘What are we gonna do for you’ 58  
    59. 59. Most importantly: they put a face on their shop. This guy looks real, friendly, human. Take this image away,and this page will have a whole different mood. 59  
    60. 60. One last thing: a phone number, right there. 60  
    61. 61. You can add personalitywith cartoon figures too! 61  
    62. 62. Something else now… What if people don’t buy? 62  
    63. 63. 5 I’ll be back 63  
    64. 64. I’ll give you a few examples of e-mails webshops send out to lure people back to their site. 64  
    65. 65. Open 24/7? Obvious! But a good idea to add that. Of course, you Also, remember can only do that the ‘personality’? if you know their e-mail address. That’s what that little owl is doing there. 65  
    66. 66. Even better: a sense of urgency! 66  
    67. 67. This is the page you see whenyou sign out of Twitter’s site. They use their sign-outconfirmation to promote themselves. Great idea! 67  
    68. 68. 6 Talking about e-mails 68  
    69. 69. This is really a great example, filled to the brim with ‘social proof’ 69  
    70. 70. “…goods you’ve recently clicked…” 70  
    71. 71. About that sense of urgency from that “Hurry and buy that stuff that you left lingering in your shopping basket” e-mail…. 71  
    72. 72. 8 Sense of urgency 72  
    73. 73. 73  
    74. 74. Next up a website that is even better at it. It looks like shit, but there’s this tiny little feature… 74  
    75. 75. “3 other shoppers ….” and “… Don’t miss out!” That’s just a great idea. So simple. 75  
    76. 76. Did you notice? I did not mention the word ‘social’, and we are already past slide 70! This presentation is realy not up to date, I tell ya! 76  
    77. 77. 9 Sharing should be easy 77  
    78. 78. If there’s only one thing you can do, do this: 78  
    79. 79. Make it very easy to share your product(page). 79  
    80. 80. Make sure that, when your product page is shared on Facebook (for example) it includes a great picture. 80  
    81. 81. 81  
    82. 82. Eventually, create an entire album. 82  
    83. 83. 83  
    84. 84. Also, when tweeting, make sure you include something visual, like a picture, or a YouTube clip. So, not this… 84  
    85. 85. This doesn’t get me excited. This should be visual. 85  
    86. 86. But this… 86  
    87. 87. Don’t ask me what this thing is. I just needed a good example. 87  
    88. 88. That’s it for now folks. Hope you enjoyed it! 94  
    89. 89. Random e-commerceideas & trends Marlon Lunch ‘n Learn @vincentmouton

    ×