美工设计 百分网手机站

美工设计:店铺详情页设计技巧

时间:2017-09-11 17:54:17 美工设计 我要投稿

美工设计:店铺详情页设计技巧

  上过淘宝的朋友都应该了解店铺详情页是什么样子的,那么大家知道店铺详情页是怎么设计的吗?下面小编为大家整理了美工设计:店铺详情页设计技巧,希望能帮到大家!

  详情页的一般规律

  1、关联销售

  2、焦点图

  3、客户诉求

  4、产品优势

  5、产品参数

  6、产品展示

  7、细节展示

  8、证书保障

  9、买家须知

  上面只是一般详情页的排版规律,具体落地的时候可以根据产品的类目(例如:母婴,女装,电器,箱包),页面的情况(例如:新店——没有销量基础的;主打高销量款页面——有一定的销量,主要是想优化改善)等等情况,可以酌情对页面顺序进行的调整,可以相应的加上:①晒好评,②品牌故事,③场景展示,④产品结构图,⑤安装说明等等。这些模块,除了给页面增值外,更充分的展示产品的优势。

  "三思而后行——做好市场调查"

  在做每一个设计之前,小编建议每一位设计师都动手去做一下市场调查,例如:同行业的数据调查,消费人群的调查,消费人群的购地域调查,消费能力的调查等。做这一系列的调查,除了能加快您对产品的了解外,更能准确的扑捉到产品的针对人群,和定位。然而,一般从哪些途径去做这些调查呢?小编为您介绍几个:

  1、淘宝指数

  淘宝指数是目前一个对分析消费人群的一个准确性较高的软件,

  2、淘宝网站

  在淘宝网站的首页,打上产品的关键词,然后对比同行的数据等等

  在万事具备后,我们就可以设计页面了吗? 此时此刻,小编又不得不大声对各位同学SAY NO,在充分做好市场调查后,我们还有一个步骤要做,就是要定下页面需要做什么风格的,需要用些什么元素?需要用什么色调?然而,要怎样去确定这些要素呢?下面,又是小编的开班时间了··

  万事开头难——确定风格元素

  在确定页面的风格,色调,运用元素,这个上面的市场调查有着息息相关的联系。具体要做怎样做,请看小编今日开班有说:

  1、外观

  1)根据产品的外观去定产品的风格

  2)根据产品颜色去定页面色调的

  2、工艺

  根据产品的一些独特的工艺,去奠定整个页面的风格调性的

  3、季节性

  根据季节性,结合产品的一些买点,完美结合展现页面调性的

  4、时事性

  把时事相关的历史几何起来,营造出一个故事的氛围,从而奠定一个页面的调性,例如:美的赤兔马电热水壶

  点睛之笔——首焦图

  首焦图主要包括以下几点:

  1、页面主题

  2、产品

  3、优惠信息/功能性信息

  客户诉求

  该板块主要包含了以下几点:

  1、客户在购买前遇到的烦恼

  2、客户在使用过程中遇到的烦恼

  产品优势

  在展示这一模块的时候,小编又要强调一下,很多同学会有这样的错觉:觉得把产品的买点放上来展示就是突出产品的优势了。其实不然,很多时候我们要站在客户的角度去思考,例如:我为什么要买这个热水器?家里不是已经有吗?为什么要换新的?哦~原来它智能的,在±1℃下还能恒温供水。哦~原来他在停电的状态下,还能提供热水,停电的夜晚也不再担心没有热水洗澡了等等。

  上诉的例子不知道同学们看懂了小编的意思没有?透过这个例子,小编想告诉各位同学,产品的优势这一模块的展示的最主要作用是用来解决顾客的烦恼的,直白的说就是顾客烦恼什么,我们就要把产品可以为顾客消除烦恼的那一边展示出来。

  产品参数

  在到了页面的承上启下的部分,小编建议各位同学,把产品的相关参数再次亮出来,第一,可以加深顾客对产品的'印象;第二,起到一个转折的作用,产品的参数的相关类容小编就粗略的列举下,(备注:根据产品的不同类目,同学们要适当的稍作调整哈)

  (一)、产品名称

  (二)、产品型号

  (三)、产品材质

  (四)、产品配件

  (五)、产品颜色等等

  产品展示

  产品展示这一块,小编就不展开细说了,这一模块顾名思义是:展示产品,引导顾客去深入了解产品的结构的,在此环节,可以适当的加上少量为文案,对产品有一个简单的描述,增加页面的可看性。

  细节展示

  到了细节展示这一块,这一个模块的主要作用,是更详细的,更具象的告诉顾客产品的优势在哪里?放大每个细节加深顾客对产品的了解,从而引导顾客购买产品,达成成交额。

  证书保证

  提到网购,很多顾客唯一一点比较担心的就是:质量上的问题。要怎样才能让顾客消除一定的心理障碍呢?出来晒好评,晒信誉外,最能证明实力的莫过于一张国家质检合格证书,还有三包服务"包换、包退、保修"

  所以,小编建议各位同学,在做电器产品或者母婴类目的时候最好是吧质检合格证书拿出来,让它占据一席之位,也好给您的页面增增值。

  买家须知

  买家须知这一模块,也许很多同学觉得不必要,但是小编不得不说有这一个模块可以规避卖家在购买时的不必要误会,减少很多售后问题。

  数据跟进

  页面做好后,小编建议各位同学不要忘记后面对店铺页面的数据根据,通过观察数据,才能更好的完善和改进页面,进步不是一蹴而就的。

  综上所述,纵观全文,小编今天的授课内容也就说完了,总结起来就是要做好一个详情页面,不但只要一个好的技术操手,更要懂得去分析市场,了解产品,所以,秀的页面做下来会有这些步骤:

  熟悉详情页的一般排版规律、做好市场调查、确定风格元素、开始制作(首焦图、客户诉求、产品优势、产品参数、产品展示、细节展示、证书保障、买家须知)、数据跟进。

【美工设计:店铺详情页设计技巧】相关文章:

1.淘宝店铺美工设计必学的颜色搭配技巧

2.淘宝网页美工设计之店铺

3.美工设计对比技巧

4.美工设计构图技巧

5.网页美工设计技巧

6.美工设计配色技巧

7.案例解析详情页设计的技巧

8.网页美工设计小技巧