在进入正题之前,我依旧是先给大家列一个提纲:
1、详情页的结构
2、文案的形式
3、以人性的角度解读详情页设计
4、详情页设计注意事项
1、详情页的结构
以天猫京东这类综合类电商网站为例,一个完整的产品详情页的作用就是告诉消费者这几点:我是谁/我长什么样/我能为你做什么/为什么我值得购买/你我就对了。
所以详情页一般由以下部分组成:图Banner+产品信息+产品外观展示+产品细节展示+产品功效介绍(比如各种自身的优势)+其他(比如某某/各种证书/物流信息/家秀/售后说明等等)。
以一款日本大豆冰淇淋详情页为例(其实我不懂日文啊,我是看图片猜测内容的,应该八九不离十
):
其实如果换做其他人来设计这款产品的详情页的话,中间至少也该插入一些产品各个角度的外包装图展示以及细节展示啊,如果有真人食用的一些体现好玩美味的场景照片就好了,可是这里并没有这么做,而是主要强调产品的健康营养。
这其实也说明,同一款产品不同的人去做他所想要表现的侧重点可能就是不一样的,侧重点不一样你能吸引到的消费者群体就不一样,按我那个思路吸引到的可能是喜欢好吃又好玩好看的家,而以目前的思路吸引到的可能是注重健康饮食的家。
反过来,不同品类的产品详情页的侧重点和展示方式当然也会不一样了,主要体现在以下2个方面:
板块顺序:
以服装类目举例,一个完整的详情页一般都包含图/衣服资料/尺寸/模特图/白底图/细节图/洗涤说明/家秀/物流信息等等,这里除了图必须出现在页面头部的这个位置以外,其他有几块内容的位置是可以根据需要互换的,比如产品资料和信息既可以放在服装图展示前面也可以放在它后面。
板块内容:
再还有除了头图/产品信息/产品展示等板块以外,其它很多内容貌似都是可以去掉的(比如家秀物流信息等等都是可要可不要的),主要看这些内容展示对于消费者来说是不是必须,对于店家来说有没有优势或必要,没有优势的话还不如不放,比如有些家秀又不好看你硬要放详情页里不是相当于自黑嘛?(当然有些店铺会放一些的家秀。。。)
(详情页板块内容简洁省事的莫过于一些官网或自认为是的旗舰店详情页了,除了白底图和一些说明性文字以外,其他几乎什么都没有,你去搜索苹果旗舰店也一样)
回到正题,对于一般店铺或品牌来说整个详情页看下来,一个完整有效的详情页也该是这种套路结构:一开始利用图抓住消费者的眼球,紧接着再通过各种功能讲解让消费者了解产品/美图展示让消费者深陷其中/危害举例让消费者产生恐惧心理等等,从而让他意识到你们家产品很有必要,紧接着再乘热打铁给出详细使用说明或建议体现贴心服务,给出一些口碑或者品牌认证啥的打消消费者的信任顾虑,然后再看看你们家的评价也不错,价格也合适,顺其自然地就下单咯。
2、文案的形式
详情页的文案对于我们设计详情页来说其实很重要的,因为产品决定文案,文案又决定了你的详情页怎么设计。
文案相当于解说员根据产品气质的解说,产品气质不一样那么自然文案给人的气质也就不一样咯,比如你的产品是非常卡哇伊的,那你的文案语言自然是活泼一点而非严肃一点,你的产品若是非常那在语言上自然是优雅高贵一点而非自由散漫一点。
根据这些规律和特性,我估且将详情页文案归纳为这几类先,后面有新的发现我再补充:拟人的/自嗨的/搞笑的/文艺的/耍酷的/平淡的等等,下面我给大家举一些例子:
拟人式的:就好比将产品拟人化,以产品的口吻来自我推销,适用于任何想走亲和力路线的品类,类目不限。
以我年初设计的一款零食详情页为例,虽然这款零食的礼盒看起来是这样的红红火火画风。。。
但我还是决定将文案拟人化,采用可爱美味亲和力一点的设计风格包装它,最终效果图如下:
自嗨的:说直白一点就是,这些文案我们常人是不会这么说的,因为会显得太装太端着了,常常是一堆拗口的形容词修饰词语,适用于任何想走高端严谨路线的类目,于是类目不限,比如数码科技服饰鞋包护肤美妆等。
比如看看苹果的文案:
文案:岂止于大(直白点说就是,大)
文案:轻于时代,先于时代(直白点说就是,轻便又先进)
再比如看看海蓝之谜的文案: 文案:汇聚稀世能量,肌肤焕变奇迹(直白点说就是,能让你的皮肤变好)
文案:匠心宁炼稀世珍萃(直白点说就是,很珍贵的海藻提取物)
搞笑的:这种文案画风往往比较逗b或者无厘头,让人感觉很jian但很过瘾,适用于任何可以拿来搞笑或恶搞的类目,比如一些二次元周边产品/成人用品/生活用品等等。
比如这个歪瓜出品店里的产品/文案/设计风格基本都是这种搞笑贱贱的画风。。
文艺的:这种文案啊看完就给人感觉有一种深入骨髓的文艺气息,适用于任何走文艺路线的类目,比如茶叶家居服饰鞋包等。
上有很多文艺的店,比如步履不停:
白:没有一切是自然发生
文案:
文字是胶印的,很有立体感。
近似色不会太突兀,
和口号不一样,这些文字适合悄悄地读。
耍酷的:这种文案就给人一种,你了我的产品你就是酷,你与众不同的感觉,叛逆期的青少年们喜欢了,适用于定位是这类人群的类目。
比如3年前那支阿迪达斯的广告:“太不巧,这就是我”
他们说:“太粉了。” “太粗放。” “太放肆。” “太浮夸。” “太。” “太快。” “太呆。” “太娘。” “太man。” “太完美。” “太幼稚。” “太狂热。” “太懒。” “太怪。” “太晚。”……
众说纷纭,而你只需要回一句:太不巧,这就是我。
后来很多品牌都模仿了这支广告,色彩/形式/创意/文案等等,说句题外话,我发现品牌只要是体现好玩炫酷年轻,基本都喜欢往这个套路走。。。然而我现在对这种已经不太感冒了,几年前我的确是会有一种共鸣的感觉。。
萌的:给人乖巧可爱的感觉,尤其是反差萌文案效果好,让人忍不住想要多看几眼或分享给朋友,比如故宫,那些皇帝和娘娘们给人的感觉明明是很高冷的形象,怎么画风会这么萌呢?一下子拉近了与消费者之间的距离:
平淡的:这种文案就比较直白但又保守,给人中规中矩和呆板无趣的感觉,大部分反响平平的店铺详情页文案基本也都是这类的,大众化/没创意无法与消费者产生任何情感共鸣,好处就是省事不啰嗦,很纯粹的一手交钱一手交货的关系。
这种我就不放案例了,因为一抓一大把。。
除此之外,文案也受具有高话语权的老板或运营店长的喜好和情操所操控,这就好比一个习惯了大金链子粗手表每天一顿小骚烤的老板是不可能会理解以及允许你给他整一堆悲春伤秋郁郁寡欢的文艺气息文案的,因为根本就不是一路人嘛。
3、以人性的角度解读详情页设计
在前一篇文章里我就提到了,一款详情页就相当于一个线下展柜的一角配了一名推销员,那既然涉及到推销,就肯定会涉及到利用人性了,而详情页设计师的作用就是利用这些人性把详情页以文字+图片结合的形式,设计得让人忍不住想要~
下面我就从以下10个人性的角度来给大家分析下详情页设计的那些套路吧:好色/好吃/贪婪/恐惧/懒惰/从众/自恋/炫耀/好奇心/同情心。
好色:关于人性的这一点是男女通用的,男人看到漂亮或大胸细腰长腿的性感女人往往都不由自主的会多看两眼,女人看到帅气或性感强壮的男人也会犯花痴,这也是为什么你会看到不管啥类目的详情页,只要是可以放模特的地方就会尽量多放美好肉体或脸蛋人的原因。
请联系网站,了解详细的优惠课程信息~
优质、便捷、省心