This post showcases 45 examples of creative and unusual designs of online-stores. Being creative doesn’t necessarily mean that the designs are successful since unconventional approaches often increase the time users need to climb the learning curve and figure out how they can achieve their goals. Still, how can you present your products in a distinctive way and how to design a truly unique online-store? Let’s find out.
Trendy design elements such as wood background, textures, handwriting, collage and grunge are quite popular. Reflections, shadows and similar elements from the times of vivid Web 2.0 are used rarely; however, designers of t-shirt- and children’s cloth-stores seem to have a different opinion on that matter for some reason. Disclaimer: we are not related to any of the stores presented below.
Please notice: we don’t know if creative design approaches result in better sales. This post is supposed to provide you with some interesting ideas and approaches which you can use in your future projects, not with recommendations for the most effective online-store-designs.
Showcase Of Creative Online-Shops Link
Feel the Power Link
Actually, Feel the Power sells t-shirts and underwear — just like thousands of other online-stores out there. However, the site is completely Flash-based and offers its visitors a beautiful and attractive navigation via an animated wheel. One click opens a large preview of the selected product. Although Flash is used, the navigation is extremely easy and simple. Apparently, music in the background is supposed to create a good mood.
If a company produces Yellowood wood decks, then it probably should have a yellow design with wood in the background, right?
uShops welcomes its visitors with a price tag which is supposed to communicate the idea of the site — the online marketplace to buy and sell stuff.
This store aims at female teenagers. In such stores handwriting and vivid imagery are common.
This store is partly Flash-based and is designed in a retro-look. The main page is right-aligned for some reason. On the left there is a wood background with a coin.
Habitat Shoes sells shoes. However, it first sets up the perfect atmosphere for the store and offers its visitors to select one of the illustrations which stand for the different accessoires in the store.
ShoeGuru places its products in the middle of the page and uses horizontal scrolling for navigation. Notice that only the product is presented to the visitors — and nothing else.
Cosmic Soda sells t-shirts and uses distinctive design decisions to attract its target group. The search box and newsletter box are somehow crooked, there are dozens of dashed lines, blue illustrations and a paper sheet background.
Among dozes of distinctive features Etsy has an appealing navigation menu with icons and vibrant illustrations. The creative approach of the design is hidden in its functionality. For instance, it is possible to sort and filter products by colors. It is not done via a text-based search engine, but using the integrated interactive Flash-interface.
LadyBugs Picnic with feminine touch, handwritten elements and, of course, bugs!
A distinctive fan-shop for geeks and nerds.
Pink Koi Fish Link
In this store the choice of illustrations directly indicates what the store is about.
The design seems to be hand-drawn and incomplete which somehow fits to the items the store sells – baby clothes and accessoires. The design perfectly fits to the atmosphere it needs to create.
General Robots Link
Sound Provisions Link
Related articles Link
You may want to take a look at the following related posts:
- Hand-Drawing Style In Modern Web Design: Vol 136
- Hand-Drawing Style In Modern Web Design: Vol 237
- Vivid Imagery In Modern Web Design38
- 1 http://www.shopcomposition.com/
- 2 http://www.yellowoodstore.com/store
- 3 http://www.freepeople.com/
- 4 http://www.perfectorder.jp/
- 5 http://www.klassiker-in-acryl.de/
- 6 http://www.simpletreasures.com.au/
- 7 http://www.habitatshoes.com/
- 8 http://shoeguru.ca/
- 9 http://accentuateonline.com/
- 10 http://www.cosmicsoda.com/
- 11 http://www.etsy.com
- 12 http://threadless.com/
- 13 http://www.tastebook.com/
- 14 #
- 15 http://shop.ladybugspicnic.net/
- 16 http://www.uniquemartique.com/
- 17 http://intlstore.mozilla.org/
- 18 http://podshop.com/
- 19 http://www.rockpillars.cz/
- 20 http://rotofugi.com/
- 21 http://www.chopshopstore.com/
- 22 http://en.akachanwear.com/
- 23 http://www.a-better-tomorrow.com/customer/catalogue
- 24 http://www.babywit.com/
- 25 http://dirtycoast.com
- 26 http://www.foxcubs.com/
- 27 http://www.hollyhue.com/
- 28 http://www.jacobijayne.co.uk/
- 29 http://www.kidsmodern.com/
- 30 http://www.lekmer.se/
- 31 http://serviceisgood.com/
- 32 http://www.soiakyo.com/
- 33 http://www.teetonic.com/
- 34 #
- 35 http://www.thetrendytadpole.com/
- 36 https://www.smashingmagazine.com/2008/01/03/hand-drawing-style-in-modern-web-design/
- 37 https://www.smashingmagazine.com/2008/06/18/hand-drawing-style-in-modern-web-design-volume-2/
- 38 https://www.smashingmagazine.com/2008/07/29/vivid-imagery-in-modern-web-design/
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 New York, on June 14–15, with smart design patterns and front-end techniques.