一组走心又走肾的优质电商网站设计实例(下)

   目前国内的几家大型的电商平台越做越完善,大有集众家之所长于一身的趋势。反观国外的这些优质的电商网站 ,大多有自己的风格和不同于他人的设计方向。这些个性和坚持让这些网站显得越发的独一无二了。也正是在这样的设定之下催生了各不相同的设计策略和技巧,而这些正是我们需要重新思考、深入学习的地方。另外,本文的上半部分在此:《潮流酷站!一组走心又走肾的优质电商网站设计实例(上)》

  21. 提供多级侧边栏


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

  22.无需跳转的购物车管理


  作为电商网站 ,编辑管理购物车是重要的功能之一。为了提升整体体验,Everlane 的设计师允许用户将鼠标悬停在某个产品上,选择大小类别,添加到购物车,整个过程无需离开相关页面。无需跳转搞定一切,用户可以更便捷地完成购物环节。

  23. 使用简明的布局


  Helmut Lang 是以为奥地利时装设计师,他在维也纳创办了自己的设计工作室。在构建他的在线购物网站之时,Lang将他简单到无与伦比的设计风格也引入到网页设计 中来,他将他认为最重要也是最关键的元素保留下来,而其核心,就是他的收藏。

  24. 用轮播图做页头


  Groovemade 是著名的数码设备配件制造商,他们为Apple 的数码产品提供优雅的木质外设。而他们的网站也采用了同样的优雅设计,精心拍摄的动态轮播图会让用户快速了解他们的产品,整栏式的高清大图能给用户极致的视觉冲击力,无需更多文案,一图胜千言。

  25. 高大上的俯拍图


  近年来俯拍图是营造网站设计感的流行手法之一。Munchery 作为一个美食类的网站,自然也不能落于人后,俯拍图不仅能呈现出美食的全貌,而且能够营造出整齐而优雅的质感。

  26. 用网站来补充配色


  时尚剃须刀品牌Harry的网站配色方案是参考他们的产品配色来做的,背景色会随着操作而改变,剃须刀本身的橙色、棕色和深蓝色也是贯穿整个网站设计的配色方案。

  27. 信息化的产品简介


  Beo Play 在线商店将产品的信息以漂亮的信息图展现出来,在其他的产品还在简单展现名称和价格标签的同时,Beo Play 更有前瞻性地将图片展示、版本信息、新系列的相关信息都合理地整合到了一起。

  28. 提供滚动式交互


  著名的品牌53为iPad 提供的触控笔Paper Pencil 想必各位不会感到陌生,这款革命性的手写笔为现在的Apple Pencil 提供了设计灵感。他们的网上商店用无限滚动的交互方式将笔的所有零部件拆开给你看,用漂亮的高清图片来讲述他们的产品设计故事。

  29. 用产品制作图案


  Aark Collective 的产品展示方式和传统的略显不同,相比于高清大图、系列特写,他们更喜欢将自家产品整齐地摆放成不同的图案。这些漂亮的手表均匀排放着,配合干净而宁和的配色方案,使得整个网站显得优雅而不同凡响。

  30. 360度全景展示


  高端手包品牌 Bagigia 源自意大利,他们的网站会将产品以360度全景展示出来,让用户可以在网站上了解这些高端手包的全部细节。网站的配色方案更多的是配合这些产品的配色来进行调整的,目标非常明确。

  31. 稍加调整的经典栅格系统


  Diesel 基于传统的对称式栅格系统来展示他们的产品,不过他们在经典的栅格系统上稍稍做了点调整,覆盖上了白色的纹理。如何使用经典的方案设计出现代的风格?这是一个不错的案例。

  32. 整合社交媒体与分享


  作为一个著名的电商网站,Vanmoof 将社交网络分享和网站深度整合到一起,让用户可以更方便更无缝地分享他们的购物体验与感受。

  33. 重新设计下拉菜单


  如果下拉框并不只是一个布局用的控件,那么 The Horse 的页面设计会给你展示它更多的可能性。这个网站中,下拉列表中不仅仅只有文字条目,还添加了图标等内容,这使得菜单瞬间变得充满趣味性和设计感。

  34. 使用印刷式排版


  电商平台 Mr Porter 很容易让人联想到传统的报纸杂志排版,加粗的标题和正文对比明显,导航和页眉的设计让人容易想起传统的报纸页头,衬线体和非衬线体的搭配让网站很容易唤醒用户对于传统排版的浏览体验。

  35. 采用堆栈式界面


  堆栈式界面在iPad 的APP中非常常见,这种结构可以更好地组织树状结构的信息,而 Travel Alberta 的页面中也很好地使用这种界面模式来替代传统的面包屑。

  36. 使用动态产品图


  作为耐克的重要产品线之一,Nike Jordan 系列以其网站上独特的动态产品图设计而著称。这些动态图片能更好地展示客户的故事,配合阳刚无比动态十足的风格,令人印象深刻。

  37. 使用超大尺寸产品图


  Warby and Parker 使用超大尺寸的产品图来呈现产品的每一个令人称道的系列,不论是在手机还是在桌面上,都足够有冲击力。

  38. 顺滑无缝的购物体验


  如果说 Coin 的网站设计有什么令人难忘的地方,那肯定是它无缝的结帐购买体验。

  39. 鲜明的色彩对比


  Capellos 所提供的产品是各种面点,从包装到网页设计 都采用的是强对比的黑白色,搭配点缀的红色,整体散发出一种协调而鲜明的视觉效果,协调而对比强烈。

  40. 以字体排版为中心的设计


  高清大图往往会让用户忘记,以字体排版为重心的设计有多么美妙。精致的线条,别具一格的排版,精致的图片和独特的栅格,整个网站看起来像是一个高端的画廊。

  41. 基于模板的设计


  对于庞杂而繁复的产品类型,基于模板的设计会让整个网站看起来整饬而清爽,这样的设计也会极大的提升生产力。

  42. 讲故事


  革命性的纽约餐厅Maple 在网站上用视频来讲述属于他们自己的故事,那些关于餐厅的细节会让用户更了解他们,了解美食的诞生过程。

  43. 用视觉形象代表产品


  Visual Supply Co 将他们的产品用不同的色块来代表,虽然这种手法并不一定适用于所有的电商网站,但是某些特殊类型的产品而言,这种方式也挺不错。

  44. 让产品便于定制


  对于服装这类具备可定制属性的产品而言,让用户易于定制是非常有必要的。服装品牌 Le Coq Sportif 就是这么做的,让每个定制属性都非常容易选择和操作。

  45. 一页搞定所有问题


  Hunters Wine Shop 的网页设计 走的就是一页搞定所有问题的路线,你可以在浏览完之后直接在页面内完成购买环节。易于浏览和简约设计是它们的突出之处。

时间: 2024-09-12 02:51:20

一组走心又走肾的优质电商网站设计实例(下)的相关文章

一组走心又走肾的优质电商网站设计实例(上)

  剁手节双十一刚刚过去,双十二又要来了.世界范围内线上购物一再增长,中国的增速尤其明显.虽然淘宝.京东和亚马逊这样的主流电商平台依然占据着主流地位,小型的电商购物平台的生存空间也不小,新兴的电商平台的增长一样不容忽视.如何设计出令人兴奋的视觉搞,怎样搞定流畅的购物体验,是所有电商人都需要考虑,进一步完善的事情. 走心的视觉设计,走肾的价格策略,走脑的文案内容,是应对不断增长的用户需求的必备品,它们构成了用户感知产品.选择平台的价值核心.空泛的描述总会让人不知所措,不如从下面45个优秀电商网站

电商网站设计:增加页面转化率的5个设计建议

眼见为实耳听为虚.人脑处理视觉信息的速度是文字信息的50倍.因此,借助视觉刺激让他人执行动作要比利用口头交流或文字更为容易,此原理也适用于电商网站设计. 根据网页设计心理学最新研究成果,要让访客执行动作,首先必须了解他们的心理.人脑做决策时大多是仓促的,未经过深思熟虑.MalcolmGladwell说过,"成功的决策是权衡理性思维与感性思维的结果."当访客面对众多选择时,最重要的是从感性层面吸引他们,但你只有几秒时间来完成这一步.关于劝导式网页设计,以下有五个建议: 一.清晰明确 人脑

17个特立独行的电商网站设计

  在大型的电商网站很难看到格调与商业能在一起的,为了商业往往得放弃品味,不过今天这组相对小众的电商网都是专注于某个领域的,在视觉上可以做到设计与商业的最优平衡,来学习. V76 Build in Amsterdam Themes Kingdom Trademark Escada evening dresses Vain Sound Model One Product Page WOOTTEN m0851 by Tommy V. Mathieu PRODUCTS Katherine Johnso

走名人路线的电商网站

通过个性化推荐和名人设计,SeachMint在电子商务市场开创出一片新天地.靠着融合电子商务领域的几大热门趋势--个性化社交购物.垂直产品分类加上最重要的名人效应--BeachMint已经找到了成功的秘方.这家公司成立于2010年,总部设在加州的圣莫尼卡,创始人是连续创业者迭戈·柏德金(Diego Berdakin)(图左)和Myspace老员工乔什·伯曼(Josh Berman).他们为客户提供个性化的独家专属商品,这些商品都是由各行业的名人合作设计而成.产品频道被称为"Mints"

4要点分析电商网站设计精髓

  构图分析(总结出四大类型) 配色分析(从配色基础原理出发分析) 辅助元素应用(分析其大规则) 实际应用(我们该怎么做?) 构图 构图一:中心集中式 整体由一个主要元素,而主标题作为次要元素配合,可根据需要可添加一些小标签,从而突出主体,平衡画面. 特点:整体视觉冲击力强,有足够的张力.适用于单个产品以及细节较为丰富的产品. 构图二:杠杆式构图 画面的主体物与次要主题斜面对称,并与主标题之间形成三角架构. 特点:画面充实,稳固.适合两种产品或一个产品两面展示.

国外好看的电商网站的网页设计时尚元素

文章描述:分享国外电商网站的七大时尚设计元素. 最近一直想写个案例关于电商网站设计,从国内的电商网站中寻求素材,始终没有想要的,不得已收集了国外电商网站的一些设计元素,笔者个人认为,那是追随时尚的设计元素,当然这篇文章也是既<国外常见电商黄金首页设计模式>之后的有一篇关于国外电商网站设计的文章. 并不是笔者不看好国内电商网站的设计,只是国外电商网站从网页设计,宽假结构,内容排版以及色彩搭配,图片运用等方面都有很大的前瞻性,并且区域之间的融合也非常协调,我觉得是非常值得国内电商设计参考的. 1.

以网络营销为向导的电商网站需要注意哪些方面

中介交易 SEO诊断 淘宝客 云主机 技术大厅 随着互联网的不断发展,电商网站越来越受到站长们的欢迎,从而以热潮形式开始流行起来,到目前为止,互联网上有很多站长在运营电商网站,而且出现了大大小小的电商网站,小到卖独立产品.大到卖综合性的产品.当然,想要运营电商网站并且盈利也不是这么简单,站长必须要将网站设计好,而且要以网络营销为向导为网站进行设计,然后在通过推广.宣传.优化等为网站带来流量,最终成交一系列的订单.其实,说这些非常简单,但做起来可能会稍微有点难度,因为我现在也在运营眼镜类型的电商网

如何设计高转化率移动电商网站

中介交易 SEO诊断 淘宝客 云主机 技术大厅 随着移动互联网的崛起,移动购物也变得越来越流行,用户不用再坐在电脑前购买商品,动动拇指就可在手机上下单,而相应的移动电商也成为趋势,电商对用户的争夺已经在移动端全面展开,3721.html">2014年第一季度中国移动购物市场交易规模达到641.9亿元,同比增长140.8%,这也是为什么电商巨头们现在都铆足了劲头在移动端开展争夺.那为附和移动电商的趋势,移动电商网站该如何设计来提高转化率呢? 首先,了解自己移动电商网站的用户 挖掘了解用户肯定

尊酷网CEO被董事会辞退:被摘走的奢品电商果实

中介交易 SEO诊断 淘宝客 云主机 技术大厅 尊酷网原CEO侯煜疆 投资界3月12日消息,投资界独家获悉,国内奢侈品电商网站尊酷网(微博)近日发生重大人事变动.原尊酷网董事长兼CEO侯煜疆已离开公司,目前公司暂由尊酷网原副总文颐任CEO并进行管理,同时对公司整体团队进行裁员减薪.据了解,侯煜疆离开公司原因为投资方好望角投资质疑其在广告投放方面的效果,同时认为尊酷网未达到预期目标.目前尊酷网将主力发展线下业务. 无独有偶,记者获悉,去年11月好望角曾投资的另一家企业上海乐年CEO卢烨,也于2月离