小个体更需要创意,10个优秀的购物网站赏析
购物也可以很美观,来看看这些精彩的购物网站设计,寻找灵感吧!

设计商务网站是一项复杂的工作,而在某平台上进行网店上线相较之下就比较简单。但这并不意味着就应该放弃商业网站,你需要的不仅是技术,还有创意。
下面是10个精彩的商业网站设计案例,希望可以带给您灵感。所有网站均可在国内网络环境正常浏览,不要只看截图,点进去看看庐山真面目吧!
01.Simply Chocolate

Simply Chocolate是一家位于丹麦哥本哈根的巧克力企业,其网站设计充满活力和趣味性,每个产品都被很好地展示出来。设计使用了视差效果,当用户向下滚动时,巧克力棒浮动在页面内,并逐渐展开包装和变成碎块。
同时,巧克力的成分——椰子、杏仁、薄荷——会在背景中轻柔地移动,这种内容展现的方式非常高效,由于背景的信息量总是不高,所以也不会喧宾夺主。
亮点:使用视差效果,充分展示每一款产品。
02.Kvell

Kvell是位于加拿大的现代家居品牌,其网站十分精美。通过水平导航条,用户可以让主页的内容滚动,而它们总在同一个区域展示。
通过点击,可以查看每个项目的详情,而导航条此时变成了垂直方向,却保留了原有的风格。明快的颜色、大胆的排版和规范的产品照片,使得浏览的体验非常好。
亮点:导航风格从头到尾保持一致。
03.Drybar

出色的颜色搭配和精妙的动画,赋予了这个网站风格与个性。鼠标悬停在小吹风机上,你可以看到绳索被吹动而弹起;悬停在顶部的小图标上,也会得到精细的动画反馈。
这种细微的动画使得网站使用起来更加有趣,它既不是覆盖全局的,也不是令人心烦的。
亮点:设计悬停交互,可以让用户在得到反馈的同时获得乐趣。
04.Nordstrom

http://shop.nordstrom.com/?origin=tab-logo
如果网站拥有多样化的产品,比如范围从时尚家居到厨房用品,那么难点就在于让用户更快找到所需的内容。
Nordstom有着优秀的产品分类和过滤设计,用户通过主导航选择他们主要期望的产品类型后,可以通过左侧的过滤器进一步缩小范围。这对优良的购物体验来说是必要的。
亮点:优秀的分类和过滤器设计。
05.Northernism

该网站拥有不同寻常的外观,去除了很多电子商务要素,而将图片和文字进行了个性化的排版,看起来并不像购物网站。
网站有大量的留白,每个页面都仅包含一些简单的图像,使得网站显得轻巧而不同寻常。
亮点:产品摄影占据大量面积,给人奢华感。
06.The Practical Man

网站使用长方形布局,加粗的字体和大胆的配色,塑造出了独特而令人难忘的风格。这就是男士运动服零售商The Practical Man的网站。
大多网站的主页和内页区别较大,而该网站采用了一致的设计,产品页面上的信息也被用网格划分,包括但不限于价格、颜色、尺寸和描述。
亮点:简洁的大尺寸菜单,信息突出且使用方便。
07.PRESS

如果你喜欢逛书店,又苦于没有那么多空闲真的前往,那么你可以尝试PRESS。
这个网站内的“书籍”门类下有一个专门的页面,用海量漂亮的照片模拟了真实书店的氛围,向下滚动页面你可以在黑白方块组成的网格中看到产品。
亮点:海量照片让每本书跃然眼前。
08.A Book Apart

虽然许多购物网站依靠大量精美的照片来销售产品,但A Book Apart使用大色块来作为产品封面,以展示他们的理念:“给网站设计师的精简书籍。”
当展示一系列图书的时候,这种大色块在网站上铺开来,效果非常美观。你可以尝试查看成套的书籍,来欣赏这个效果。
亮点:用简单代替复杂,用简单组成复杂。
09.Ada Blackjack

Ada Blackjack是经营手工背包和皮革制品的品牌。虽然设计和布局方面相对传统,但该网站擅长制作和使用精妙的大幅图片——这些照片简洁干净,突出产品,并强调了产品的质量。
当进入详情页时,你可以选择查看产品大图,而这里设计人员选择使用大图片来覆盖窗口,而不是传统的弹窗。您可以试着点击详情页里的加号查看效果。
亮点:通过摄影只管地展示产品的高质量。
10.Bellroy

在钱包制造商Bellroy的主页上,你会看到相对简洁的布局。而随着对网站的探索,你会发现它使用了各式各样的页面设计,来专门突出显示某个或某些产品,你还可以看到有趣的视频演示。通过Bellroy的网站,你可以学到各种各样的在线展示产品的手段。
网站上一则有趣的教程叫做“给钱包瘦身”,之中指出了如何更好地管理凸起的钱包,而在过程中自然而然地呈现出各种不错的产品照片,这些照片可以链接到各个特定的产品中。
亮点:有趣的视频演示和交互导航。
英文来源:Creativebloq
英文标题:10 inspiring ecommerce website designs
翻译:卡米雷特