10 brilliantly responsive ecommerce sites

Responsive web design offers huge opportunities to boost sales on ecommerce sites. Here are 10 websites that have grasped that opportunity.

1/ Indochino

Image

Indochino make high quality custom menswear and its responsive store features beautiful product photography combined with a minimal design aesthetic. While the whole site responds extremely well to various screen sizes, the way in which the product pages are handled is particularly worth noting.

Indochino

2/ Skinny Ties

Image

Skinny Ties is a niche online retailer that sells nothing but retro-style skinny ties and have been doing so since 1997. The layout of the site is carefully structured and complemented by the use of great product photography and concise and helpful information on the individual product pages. The site navigation also works seamlessly across a variety of screen sizes and allows users to quickly search for products via a variety of options, such as material and colour.

Skinny ties

3/ Stury

Image

Stury is a site that allows people to swap books online. The way in which the vertical navigation and grid based layout condenses when viewed on smaller screens is particularly effective and a design pattern that would work well for many other sites.

4/ Fit for a fame

Image

Fit For A Frame sells gorgeous prints created by talented designers and illustrators. Their online store features simple navigation and an equally simple layout, both of which condense beautifully for smaller screens. There’s some interesting tricks on show here too, such as the way the prints on the brickwall background on the homepage switch to a vertical layout when viewed on a smaller screen

Fit for a fame

5/ United Pixel Workers

Image

United Pixel Workers sells T-shirts and accessories created by the web design community and given the tech savvy nature of their customers, it’s not surprising to see that their website is responsive. The site utilises a simple grid layout and large typography, which means it adjusts exceptionally well when viewed on smaller screens. The way in which the cart and menu buttons are arranged on narrower devices is particularly well thought out too.

6/ Tattly

Image

Tattly sell ‘Designy Temporary Tattoos’ created by leading designers and illustrators. Its online store utlises a simple grid structure throughout, which is complemented by a monochromatic colour palette, which prevents the UI from detracting from the products on show. The flexibility of the underlying grid means the layout resizes beautifully when the site is viewed on smaller screens.

7/ Nixon

Image

Nixon is one of the few established brands to have a responsive ecommerce store, and it’s exceptionally well done. It works so well due to the simple and minimalistic layout and like many other sites in this showcase, a grid structure is employed throughout. Nixon’s great product and lifestyle images play a big part in pulling the design together. When viewed on a smaller screen the flyout navigation and checkout process works particularly well too.

8/ Folsky

Image

Folksy is an online platform for British designers and makers to sell their handmade wares online. While the layout is more complex than many of the others showcased here, the way in which it responds to the demands of various viewing environments is adeptly handled.

9/ Five simple steps

Image

Five Simple Steps is a small independent publisher of practical books for web design professionals. Its online store utilises a simple and minimal layout and interface that make it a delight to use.

10/ SuiteSupply

Image

SuitSupply is an online mens fashion retailer whose responsive store design utilises a simple minimal layout combined with high quality product photography. The desktop site contains standard navigation and product filters, but interestingly they’ve chosen to either remove or simplify these elements when the site is viewed on smaller screens.

source, blog : http://www.creativebloq.com/web-design/responsive-ecommerce-websites-12121456

Publié dans Uncategorized

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :