Posts Tagged ‘ecommerce’

35 UX-Inspired E-Commerce Website Layouts

With our modern transition into digital currency the popularity of purchasing items online has increased tenfold. Within just the past few years we’ve seen a multitude of new brands launch online. Many articles have been published offering usability tips for e-commerce design following many examples.

Below I’ve put together 35 astoundingly easy-to-use digital shopping websites. These are all built and designed for the best user experience possible. It’s not uncommon to find such interfaces with Ajax-styled shopping carts and login forms. Great experience accounts for most of your visitor’s initial reactions and will be required to keep them hooked using your website.

Free People

Little Catwalk

Threadless

The Brown Corporation

Giraffe Restaurants Shop

Don Saro

Blik Wall Decals

LemonStand App

Sticker Mule

Cosmicsoda

Von Dutch

BuySellAds

Kayley Jean’s American Homemade Cookies

Uniqlo

Mission Bicycle Company

Me & Mommy-To-Be

WP Theme Market

Bonjour mon Coussin

IPB Forum Skins

Design by Humans

Wire & Twine

Rugby Ralph Lauren

Airfix

Dream Template

Vanns Spices

LaLicious

William Rast

Pligg CMS

Paul Stuart

Gentleman’s Emporium

Custom Toronto

Deckpeck

Wearable Print

A Modern Eden

Bohemia

Hopefully this gallery can get you started in the process of sculpting your creative ideas. Web design is at tricky subject, especially when discussing e-commerce. If you know of similar websites with great interfaces please share them in the comments below.

20 New Free Icon Sets for Web Designers and Developers

Once or twice a year we like to take a look at what new icon sets are freely available for designers and developers. We have found a nice selection for you covering most aspects of web, mobile and app devlopment. You will love them!

Stock Icon Set

Stock Icon Set
Number of Icons: 154
Format(s): .ico
Size(s): 16px 32px, 64px & 128px
Stock Icon Set →

iconSweets 2

iconSweets 2
Number of Icons: 400+
Format(s): .psd
Size(s): 16px, 32px & 64px
iconSweets 2 →

Retina Display Icon Set

Retina Display Icon Set
Number of Icons: 400+
Format(s): .png
Size(s): 24px, 48px & 64px
Retina Display Icon Set →Full Preview →

Android Icons – Shape Package

Android Icons – Shape Package
Number of Icons: 40+
Format(s): .png, .psh
Android Icons – Shape Package →

Simple Icon Set

Simple Icon Set
Number of Icons: 16
Format(s): .psd & .png
Simple Icon Set →

NounProject

NounProject
Number of Icons: 500+
Format(s): .svg
NounProject →

Open Source Multitouch Gesture Library

Open Source Multitouch Gesture Library
Number of Icons:
Format(s): .png & .eps
License: Released under a FreeBSD license
Open Source Multitouch Gesture Library →

Agile Toolkit Icon Set

Agile Toolkit Icon SetNumber of Icons: 128
Format(s): .png
Size(s): 16px
Agile Toolkit Icon Set →

Micro Icons

Micro IconsNumber of Icons: 32
Format(s): .ico
Size(s): 16px
Micro Icons →

Strabo Icon Set

Strabo Icon SetNumber of Icons: 16
Format(s): .png
Size(s): 24px
Strabo Icon Set →

Pixim Icon Set

Pixim Icon SetNumber of Icons: 54
Format(s): .gif
Size(s): 12px
Pixim Icon Set →

Pixel Perfect Collection

Pixel Perfect Collection
Number of Icons: 33
Format(s): .png, .ico & .icns
Size(s): 48px
Pixel Perfect Collection →

Basic Rounded

Basic Rounded
Number of Icons: 27
Format(s): .psd
Basic Rounded →

LinkDeck Social Bookmark Icon Pack

LinkDeck Social Bookmark Icon Pack
Number of Icons: 45
Format(s): .psd
Size(s): 16px, 32px, 64px, 128px & 256px
LinkDeck Social Bookmark Icon Pack →

Buddycon – Vector-Based Social Media Icons

Buddycon - Vector-Based Social Media Icons
Number of Icons: 126
Format(s): .ai & .png
Size(s): 32px
Buddycon →

WPZOOM Developer Icon Set

WPZOOM Developer Icon Set
Number of Icons: 154
Format(s): .png, .ai & .psd
Size(s): 48px
WPZOOM Developer Icon Set →

E-Commerce Icons

E-Commerce Icons
Number of Icons:
Format(s): .psd
Size(s): 48px, 64px & 128px
E-Commerce Icons →

Kaching eCommerce Icons

Kaching eCommerce Icons
Number of Icons: 24
Format(s): .png, .ai & .psd
Size(s): 48px & 400px
Kaching eCommerce Icons →

Credit Card, Debit Card and Payment Icons Set

Credit Card, Debit Card and Payment Icons Set
Number of Icons: 18
Format(s): .png
Size(s): 32px, 64px & 128px
Credit Card, Debit Card and Payment Icons Set →

Credit Card Icon Pack

Credit Card Icon Pack
Number of Icons: 35
Format(s): .png
Size(s): 32px
Credit Card Icon Pack →

…and finally … HTML5 Icons

HTML5 Icons
Number of Icons: 10
Format(s): .png & .ai
Size(s): 512px
HTML5 Icons →

Original W3C HTML5 Icons

Original W3C HTML5 Icons
Format(s): .png & .svg
Size(s): 32px, 64px, 128px, 256px & 512px
Original W3C HTML5 Icons →

You might also like…

The Top 50 Web Development Icon Sets from 2009 →
Top 50 Web Development, Design and Application Icon Sets from 2010 →
50 of the Best Ever Web Development, Design and Application Icon Sets →
50 Social Service and Bookmarking Icon Sets for Bloggers Part 1 → & Part 2 →
30 of the Best Web Development and Design MINI Icon Sets →
15 Uniform Payment Options Icon Sets for Ecommerce Design →
14 Free Mobile Application Development Icon Sets →
8 Free Pictogram Icon Libraries and Collections →
40 Fresh and Free Icon Sets for Web Designers and Bloggers →


Examination of Japanese Website Design Trends

Japan plays host to some very impressive website designers. Their skills in the arts cannot be compared and demonstrate a powerful digital force among Internet readers. Luckily understanding how to read Japanese isn’t required to admire their website graphics and animation effects.

We’ll be looking into a few Japanese website designs which have pushed the limits on conventional development. As a designer it’s a refreshing feeling to work with alternate design concepts and build your own unique ideas off these.

Many of the most popular Japanese websites have been built in Flash, and this is no surprise. Although Flash-based websites do not rank very well in Google (at all) they offer a unique user experience which can’t be found anywhere else.

In fact, Flash offers so much extensible content you may be surprised at just what is possible. Motion backgrounds and animated menu effects are just the tipping point on many Adobe Flash powered websites. Intricate portfolio layouts and detailed characters almost spring to life off the webpage.

Flash Design Trends

One overlooked misconception is the loading speed of each page. Because the entire website is Flash-based it will require a large amount of bandwidth to transfer and download all of the page content. This frequently leads to very long loading/splash pages which are a huge loss for potential user experience.

Although in the end it’s difficult to provide any judgement on the Flash-based approach. There are also many Japanese websites which are built off HTML5/CSS3 so I’m not categorizing all layouts as Flash-based. However with such a wide range of out-of-box thinking Japan has shown us a new outlook on envisioning the modern day website design.

It seems the Japanese community is well renowned for their work in the digital animation arts. Ranging from television to video games it seems the artistic works meld into the islands’ society and culture.

Frog illustrations

In many new-age web designs we are seeing much more illustrated artwork and digital graphics. Icon designers have also integrated an enormous amount of hand-drawn effects into their works. Japanese website designs have become much more branded by the likes of mascots, illustrated vectors, and small page icons.

Similarly artists who offer these graphics showcase their work on many places throughout the web. Twitter backgrounds and Deviant Art accounts are full of some amazing illustrations from past designs.

This is a common trend amongst web designers and has been growing rapidly. Many Japanese companies which involve their products in the entertainment sector have gone above and beyond to create a dynamic user interface to match their website.

Katamari Damacy official

Many of the websites coming to mind include innovative virtual worlds from video games. Katamari Damacy and Kingdom Hearts II specifically stand out as offering a very powerful user interface presence. The striking similarity between menu links in-game and on the webpages are resounding.

This can be seen not only for these games, but countless other series. The most common approach of course is an entire Flash-based website constructed through ActionScript events. Even so, other Japanese graphics artists are creating unique UI effects outside of just the video game industry.

It’s not too often we’ll see images of physical reality built into the most popular websites of today. This is quite the contrary of many popular Japanese artists which in fact specialize in building outstanding modern-day layouts.

These include shots of arial birds-eye-view photos from cities and taller buildings. Many times the background or Flash animation on a page will include common everyday natural elements such as cats, trees, cars, and entire human cities. There are neat user effects applied to create a natural mood (e.g. website colors changing from day to night).

Shanghai Financial

These graphics of buildings and people can sometimes even be built into the website itself. The varied degree of creativity from Japan shows even entire websites using a small land mass as navigation for the entire website. Pages can be accessed via buildings, lawn signs, even blimps flying atop the page heading!

Below is a small collection of Japanese website designs. These include mostly Flash pages with animation effects and custom UI elements. If you’re looking for design inspiration this may be one of the most creative and “out-there” galleries.

The designs are from a selection of varied topics and niches from a handful of time periods. If you have other suggestions for similar websites feel free to share them in the comments below.

Nestle

Eye Talk Town

Egao Saku

Hiroto Rakusho

Love Happy

kids wonder project

Naruhodo Agent

You might also like…

50 Examples of Large Photography Backgrounds within Web Design →
50 Examples of Creative 404 – Page Not Found Pages →
A Showcase of 50 Amazing Personal Blog Web Designs →
50 Creative Examples of Illustrations in Web Design →
50 Professional Web Design Agency Web Sites →
50 Bright and Vibrant Web Designs – Color Inspiration →
50 Impressive Magazine and Newspaper Styled Web Designs →
50 Inspirational and Fresh Minimally Designed Web Sites →
50 Creative and Inspirational Personal Portfolio Websites →
50 Inspiring Web Application and Service Web Site Designs →
50 Examples of Effective Uses of Typography Within Web Design →
50 Beautifully Crafted Corporate Ecommerce Web Designs →
50 Creative Examples of Vintage and Retro in Web Design →


30 Outstanding Ecommerce Websites

Ecommerce websites have a reputation for being poorly designed or uninteresting, but of course that is not the case with all ecommerce designs. In this post we’ll showcase 30 sites that show ecommerce can be done in an attractive manner. This post presents a variety of different design styles, as well as sites that are selling a variety of different types of products. Each manages to have an attractive design while still keeping the focus on the products, not allowing the design to overpower what is most important.

You may also be interested in:

Girlondon

Girlondon

Boob Baby

Boob Baby

Spunky Bubs

Spunky Bubs

Hemline

Hemline

Bohemia

Bohemia

Eartheasy

Eartheasy

Parachute

Parachute

Foodzie

Foodzie

Stella McCartney

Stella McCartney

Hugo & Marie

Hugo & Marie

Satorisan

Satorisan

Makr Carry Goods

Makr Carry Goods

Don’t Tell My Tailor

Don't Tell My Tailor

ZIIIRO

ZIIIRO

Oak Street Bootmakers

Oak Street Bootmakers

DandyFrog

DandyFrog

Threadless

Threadless

Bestow

Bestow

Desina

Desina

MumMade

MumMade

Babybot

Babybot

OneHope Wine

OneHope Wine

The Great Remember

The Great Remember

Caribou Coffee

Caribou Coffee

Aspace

Aspace

Gettington

Gettington

B. Witching Bath Co.

B. Witching Bath Co.

Custo Barcelona

Custo Barcelona

Versapak

Versapak

Poetrie

Poetrie

For more design inspiration please see: