同一产品的10个不同风格详情页设计案例

“ 带着运营思维做设计。”

第 1 篇推文

【前言】

印尚通，淘宝/天猫店铺

店铺定位：厂家直销的印刷出品厂，

老板说他是设计出身，

这次，他希望给店铺换种设计风格。

我心想做设计的人多半傲娇，

不太容易认同别人，

但我不能慌是不是，咱是自信的女人。

-

-

印尚通旗舰店

名片和宣传单的10套详情设计

 印刷出品厂 

-

2个产品出10套不同风格详情，

做完后就有了一种江郎才尽的感觉。

-

-

-

-

-

---

设计思路

  Precept  

拿到店铺后，一般我会先去原铺对原设计和产品做个初步了解，了解到名片是印尚通销量最好的宝贝，然后到淘宝首页总搜索中搜索“名片”查看此款宝贝目前处于同类产品哪个阶段。

在“名片”类目下，他们的产品在销量前10中，这样做的目的，是为了帮助我确定用什么设计风格/怎么和同级别的产品作出差异化，从而引来更多的点击率。

最后确定用轻量化的方式去呈现整体版面的一个统一性

（轻量化设计是趋势，扁平、信息和产品重点突出，品牌质感加强，如小米为代表的大厂风格），在因为店铺要做10套同产品的详情，我想风格不能太雷同对吧，每套详情也都要有自己的风格、气质，我想如果用不同颜色的方式去区别开每套设计可能是个不错的想法。

-

-

-

-

第1套主调：蓝色   定位：年轻化受众    气质：轻成熟

主图用的是区别于同级别产品的摆放方式去做的一个建模，在同级别产品都用平整摆放的方式下，突然有个“不太规矩的”跳出来，是不是会有一点想点一下的冲动？

选用蓝色的原因，不仅是因为它传递的氛围，还有一个也是因为同级别产品中用蓝色的少，刚好拉开差异化。

（在颜色心理学上，蓝色是一种非常平静的颜色，散发出冷静、稳定性、宁静的氛围，是一种吸引人的颜色，受男性青睐，这是为什么Facebook和Twitter这样的全球公司都将其用作徽标的原因。）

但蓝色看多了容易抑郁，我就加了点紫红做标题。

-

-

第2套主调：黑红  定位：成功成熟男性   气质：神秘、力量

和客户沟通到他们需要呈现的内容，和原店铺已有的文案，结合销量前10的店铺的文案，就能提取到需要的文字内容，在进行重新编辑。

摄影以黑色底为主，暗调布光，去呈现一种神秘有力量的氛围，产品自带红色，红色本来就是一种很抓人眼球的颜色，我们的注意力会莫名其妙的都在红色名片上。

-

-

第3套主调：没有  定位：建立信任感    气质：大厂保障

这版重点突出店铺的服务和保障，作为一个大厂出品，客户在看了很多产品实拍后，可能更想要看到一个大厂能给自己带来什么样的消费保障。

所有的视觉呈现都是为了能留住消费者，并让他产生购买欲望，除了价格促销这些因素，还有一个因素就是信任感。

建立一个好的品牌信任感，是客户下单的重要原因之一。

-

-

第4套主调：灰色  定位：企业人群    气质：冷淡风

冷淡风近几年流行，因为用了灰色，偏冷静偏质感，这就对产品的模型图要求高一点，纸质品通过摄影比较难表达出高级的质感，通过建模的模型会比较容易表达产品想要传递的高级。

应对的受众是企业类人群，一般定制都是大批量定制，他们的时间宝贵，一般点进产品后，希望能快速看到产品的具体信息，这边就把各种产品分好板块，罗列具体信息，最好有对应的模型图，一眼就能明白，效率对于这类受众是关键因素。

-

-

第5套主调：深蓝色   定位：轻工业    气质：工厂风

这版是蓝色和黑色的综合版，不会太过神秘，工厂的轻工业风格，一方面展现工厂设备，和服务的客户体量，传递一个专业可靠的形象。

-

-

第6套主调：多彩   定位：年轻/女性受众    气质：小清新质感

这版产品展示用的黄色、粉色、蓝色，是偏小清新的色值，以干净为，我想干净的东西，没有太多人会厌恶吧，所以用了比较干净的偏女性的细字体和简约排版。

-

-

第7套主调：紫色  定位：女性    气质：

其实这版也是类似灰色中性调，多了点女性友善柔和的紫色和橙色。

-

-

第8套主调：工业蓝  定位：纯工业风 

纯工业风好像比较容易做（做到这里，我以及没有才华了，😭）排版一般都是和客户沟通好要呈现的内容，在往里填内容，这样比较容易达成共识。

-

-

第9套主调：小清新   定位：女性    气质：小清新

小清新或者ins风会比较受女性青睐，优惠券一般传递的内容比较热情，促销，活泼，选的小清新风格，小清新也通常比较偏向活泼色彩，在儿童用品中使用比较广泛，和客户给的样机素材也真好搭配。

-

-

第10套主调：灰蓝    定位：商场宣传袋    气质：高质感

纸袋定制之前的做法一般是产品细节呈现就完事了，最近几年，产品场景化代入感的设计越来越被喜欢，什么是代入感？就是光看图，不说话没文字，也能感受到这是怎么用的，用在哪的。

纸袋一般在哪用的比较多？我一想，商场，还是服装店那种（好像去商场逛逛，但不行，我不能给国家添乱，今天出去乱跑，明天fen头长草。）所以，我就给纸袋首屏做了个类似商店展货台的背景。

-

-

-

-

-

太难了，但好在和客户的沟通很顺畅，审美一致，找的参考方向都很精准，所以完成的也很顺利，真的很开心。

-

-

-

-

-

-

-

-

【后记】

“蓝色那版”在换版后一周时间，从总销量top10外，成功进入到销量前10，感谢客户强大的平台能力，也让我积累到了案例。

设计之路，艰难险阻，荆棘丛生，

但我依旧满心期待着，做好每一个设计、每一条抖音、每一篇微信公众号，甚至是每一条微信朋友圈、微博。设计之于我，是工作，也是生活。相辅相成，相得益彰。苦未尽甘未来，依旧满心感恩。

-

-

-

-

-

The End

“带着运营思维做设计，帮助店铺打造品牌定位。”