年度十佳电商网站设计赏析

简介: 伴随着近年来电子商务的迅猛发展,世界范围内的线上购物持续增加。以刚过去的黑色星期五为例,用户通过网络渠道购买商品的销售额达到了50.3亿美元,相较于2016年同期增长了16.9%,创下了美国电商历史的新纪录。
img_6110a67178a6cf14b7a36e0ad0e227df.jpe

伴随着近年来电子商务的迅猛发展,世界范围内的线上购物持续增加。以刚过去的黑色星期五为例,用户通过网络渠道购买商品的销售额达到了50.3亿美元,相较于2016年同期增长了16.9%,创下了美国电商历史的新纪录。在电商及网购快速发展的当今,走心的视觉设计已是应对不断增长的用户需求的必需品,也是构成用户感知产品、选择平台的核心因素。空泛的描述总会让人不知所措,不如从下面10个年度最佳电商网站中寻找设计灵感和答案吧。

1. Carolina Herrera

类型:时尚服饰类

网址:https://www.carolinaherrera.com/


img_76a1428b15574cefe20e25fc2c316fa1.png
img_3551d3d68862e6dd1930d5366729ab6c.png

相比于传统的顶部多级导航栏,侧边栏会让页面显得更加整齐易用。Carolina Herrera 的侧边栏设计则更有意思,它采用的是多级侧边栏,功能上不弱于顶部导航栏,并且提升了浏览体验,视觉上的效果也更加突出。

2. X-Doria

类型:手机App类

网址:https://xdorialife.com/


img_e7922e355b1613c291a99bf4d47420ac.png

导航、搜索、筛选是方便用户寻找想要内容的重要手段,也是用户获取有用信息的必要途径。X-Doria的网站不仅提供了常用的搜索功能,而且提供了相应的筛选功能,让用户很快定位并获取想要的东西。

3. 8 Faces

类型:阅读书籍类

网址:http://www.8faces.com/


img_e6d92281330b0d4f62b9d00e527bf549.png

8 faces 巧妙使用了一款较叫 jQuery Kinetic的插件,主页上大幅图片非常吸引人。高清细腻的产品图和绚丽的背景用色,让产品和网站都显得个性十足,视觉优先式的布局让产品看起来诱人无比。

4. Ada Blackjack

类型:皮革制品类

网址:https://www.adablackjackgoods.com/


img_f7246e9e5be66d492e9b3870a6c61b38.png

从主页图片中你能猜出这个网站是做什么的吗?答案是——销售皮革制品。Ada Blackjack是一个制作手工包包以及皮制品的品牌,在设计方面使用复古大幅照片,显得简洁大方。

5. Bellroy

类型:皮革制品类

网址:https://bellroy.com/


img_dc74644a91b4d97ee9a55ad43a3b41f2.png

这个网站的设计主要遵循传统,使用了插图,布局相对简单 。深入观察后,你会发现它的单个商品展示多种多样 。通过将传统插画和有趣的展示视频相结合,让人眼前一亮。网站的顶部使用了单独设计的英文字体,这些微妙的字体设计会让网站看起来更加优雅有品味,也足够个性化。

6. Luhse Tea

类型:茶具饮品类

网址:https://www.luhsetea.com


img_ef7214e30d4cf9f0a17492ac722ac19e.jpe

在这个网站主页上,最出彩的可能就是导航栏中一排抽象茶具的显示。第一次看到这个主页时,你可能觉得这是一个漫画书网站,但事实上这是一个跟茶有关的网站。这是一种非常聪明的吸引用户注意力和挽留顾客的方式。

7. ETQ Amsterdam

类型:品牌鞋类

网址:https://www.etq-amsterdam.com/


img_08b8bdd64bb7e1a1b285f10d5144bc35.png

ETQ Amsterdam 是著名的鞋类品牌,优雅、永恒和品质是这个品牌的三大核心价值,而他们的网站也同样采用了这样的设计理念。整个网站的设计充满了现代式的简约美,简洁的排版,清爽的配色方案,大量的图像和微妙的动画共同营造出少即是多的美感。

8. Best Made Company

类型:生活用品类

网址:https://www.bestmadeco.com/


img_95c5a69a383bb4260fa8722991f9a7fd.png

这个网站界面设计的非常简洁,布满漂亮的商品,这些东西非常新奇,最值得学习的是页面最上方设计了创新型导航,简洁,易于识别和使用。

9. Good as Gold

类型:时尚百货类

网址:https://www.goodasgold.co.nz/


img_43d0bd28efe060712dc9a5cb16e7623a.png

Good as Gold这个网站使用了大幅图片作为主页,是一个时尚百货商店。将产品名称和重要的信息制作成为漂亮的超大字体置于网站首页上,这种充满冲击力的字体设计在移动端上看起来尤其明显。

10. Shwood

类型:时尚配饰类

网址:https://shwoodshop.com/


img_ed673dafc07382be2eedf7a46ecf12b7.png

这是一个使用视频作为展示方式的电子商务网站,全响应式设计加上视频的应用使用户能够对产品有更多的了解,同时绚丽的照片也为商品增色不少。毫无疑问,令人愉悦的交互能让用户驻足更久。

结语

其实不同的服务及商品会有不尽相同的网站设计风格,如何把握用户购物心理及行为从而最终实现有效转换,永远是一门值得深究的学问。如果你还在为如何更好地实现更清晰的导航设计、更直观的用户交互体验发愁,那推荐使用国民原型设计工具-Mockplus-一款设计师及产品经理从入门到精通的必备工具。不仅功能简单够用,而且丰富实用的模板例子让你的设计如虎添翼,包括:

购物类App原型制作分享-Lyst

电商类Web原型制作分享-Globalsources

购物类App原型制作分享-Farfetch

电商类Web原型制作分享-Shopify

工具类App原型制作分享-Chartistic

即刻下载,终身受用!

相关文章
|
7月前
|
NoSQL 网络协议 算法
不愧是抖音电商,问的真细。
前段时间分享了一位师弟的面经,他在提前批顺利拿到字节跳动抖音部门电商部门的offer,算是我知道的为数不多能在提前批阶段斩获offer的应届生了,其中编程语言和算法类考察面经详见该篇文章:抖音电商,提前批offer!。
74 0
|
开发框架 JSON 安全
宝藏好物gRPCurl
gRPCurl[1]是一个与gRPC服务器交互的命令行工具,可认为是gRPC的curl工具。
宝藏好物gRPCurl
|
供应链 大数据 视频直播
直播带货3.0时代,电商是最后的终结者?
2019年被认为是直播崛起年,大批头部主播应运而生。而到了今年,直播带货行业八百倍速发展,提前进入决赛。 除了淘宝抖音快手,腾讯京东拼多多悄也在默默入局。 受益于头部主播的号召力以及对视频天然感兴趣的用户,上半年短视频平台的电商直播迅速成长,甚至开始与电商平台正面较量。 当短视频直面电商,谁会成为直播带货的最终王者?
249 0
|
运维 自然语言处理 安全
人人网校园开发者大赛:来看看校园极客都开发出了哪些有意思的作品?
人人网作为大学生喜爱的社交网站,在校园里有着广泛的使用人群和影响力。由人人网主办的校园开发者大赛面向全国各高校在校大学生,鼓励大家通过实践提升产品设计、技术应用与创新的能力。
493 0
人人网校园开发者大赛:来看看校园极客都开发出了哪些有意思的作品?
|
人工智能 运维 安全
案例酷丨米哈游:二次元手游数智进化史
短短八年,米哈游在二次元游戏领域脱颖而出,9月28日开发公测的新游《原神》再次引发游戏爱好者的广泛关注。而这八年,阿里云也从起步到成熟,从建立面向服务游戏垂直行业的团队,到以行业视角为客户提供体系化的服务和稳定可靠的产品。米哈游和阿里云伴随相生的合作模式,可以作为剖析游戏行业进化转型路径的典型样本。
案例酷丨米哈游:二次元手游数智进化史
|
机器学习/深度学习 人工智能 搜索推荐
为什么说阿里工程师最懂时尚?
一个优秀的服饰搭配推荐引擎需要满足两方面要求:1、搭配生成要符合视觉美观;2、搭配推荐要做到个性化。本文中,我们利用Transformer的结构,巧妙地在视觉合理性和个性化推荐之间建立桥梁,同时完成搭配生成和推荐两个工作。据我们所知,该工作首次将搭配生成和推荐同时部署在大规模的工业应用中。 一、引言 服饰搭配的生成与推荐在时尚前沿扮演着越来越重要的角色。一套服饰搭配通常由多件时尚的单品组成,它们需要在视觉上看上去和谐,且在逻辑上看起来合理。和传统商品推荐不同,搭配推荐的前提是需要先产出搭配,这个过程充满挑战。因此,搭配的生成往往需要时尚达人的介入。截止到2018年3月,有150万的内容创造
1513 0
为什么说阿里工程师最懂时尚?
|
SEO
SEO基础:良好的网站设计,互联网营销
  首先需要强调的是,许多人潜意识里将网络设计中面向搜索引擎优化的考虑与提高用户可用性的工作视作分离的两个单独部分,认为二者就算不是互相对立也在很大程度上难以兼顾,事实上,这种想法很普遍,很多网络设计公司在设计网页时只顾填充一个个漂亮的图片或Falsh以使网页更“酷”,至于网络优化方面,则理直气壮地认为不属于他们的工作范围,而很多网络在运行了一段时间后不得不再聘请相应的SEO人员来实施网络优化,既提高了费用也浪费了时间。
876 0
|
UED
迅雷网站设计浅析,互联网营销
  很久之前就想写篇关于迅雷网站的设计分析文章了,迅雷看看一直是我在线看电影的网站,也是我比较喜欢的网站,所以我也比较乐于分析一下它的设计,先从结构上分析,也就是导航、搜索、详细信息展示、以及播放页面的顺序。
1126 0
让你不再恋家的9款小众时尚的酒店网站设计
一场说走就走的旅行少不了一家精挑细选的酒店。出门在外,没有一个舒适的住处,恐怕旅行的记忆也并不是那么美好。大牌酒店住不起,小众酒店性价比高,但哪家最合适?网上攻略必不可少。
1316 0
|
人工智能
淘宝造物节,“奇市江湖”里那些脑洞大开的创意产品
无人超市“淘咖啡”是本届造物节最有科技感的展位,这里可以说是集黑科技于一身,人脸识别、动作跟踪、语音识别...应用仅有!
8669 0