智能马桶宝贝详情页优化设计.docx

《智能马桶宝贝详情页优化设计.docx》由会员分享，可在线阅读，更多相关《智能马桶宝贝详情页优化设计.docx（29页珍藏版）》请在第一文库网上搜索。

1、目录一、内容简介2（一）背景与意义2（二）资料收集和分析2（三）方案设计2（四）方案的实施3二、产品分析3（）/i3三、设计草图4（一）主图草图4四、设计效果图7（一）主图效果图7（二）详情页效果图（如图4.6-图4.13所示）8五、过程中图片12（一）主图过程图12（二）详情页过程图（如图5.6所示）17（三）素材截图（如图5.7所示21六、作品图片22（一）”津上智能马桶”主图22（二）“津上智能马桶”详情页23七、设计创意说明27八、设计总结27参考资料28内容简介（一）背景与意义智能马桶属于建筑给排水行业，近五年来，随着社会的发展，智能马桶在多种多样的马桶中脱颖而出。智能马桶与寻常坐便

2、器不一样，对卫生健康的要求极高。所以其中从70后到00后深受喜欢，由于国人日益增长的对自身健康要求的不断提高。原来所存在的卫生和问题依旧存在，发现津上旗舰店中一款智能马桶的详情页不够精细，营销文字太少，难以吸引到顾客，不能完全展示产品的细节，导致订购量太少，加上本身对智能马桶感兴趣，故本次毕业设计是针对“津上智能马桶”的优化设计。此次优化设计可以增加流量转化，转化为真实的销量，增加店铺的销售额,通过本次的毕业设计能够巩固自身的专业基础，提高专业技能。对未来从业打下来丰厚的基础（二）资料收集和分析通过调查问卷、网上搜索分析，发现基本上消费群体面向中老年和年轻人,因此在网店商品详情页优化时，应尽量

3、的加入些家庭元素，风格尽量符合家庭温暖系列，符合中老年人的审美，从而达到中老年人及年轻人的欢迎。1、网上购物优惠力大2、网上购物比较方便，足不出户便可购买到家3、网上购物还可以看他人购买情况（三）方案设计1、分析“津上智能马桶”的企业背景2、分析智能马桶行业的需求3、收集并整理素材4、商品详情页设计5、宝贝主图设计（五张）6、效果图7、修改并完善效果图8、作品图9、完成毕业设计相关表格10、完成毕业答辩（四）方案的实施1、方案设计环境1）硬件环境2）NVIDIAGeForceMXI50计算机分辨率为2160X14403）软件环境AdobePhtotoshopCS6,简称“PS，是由AdobeS

4、ystems开发和发行的图像处理软件。PhOtoShOP主要处理以像素构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。Word文档来制作答辩PPT等。2、方案设计流程1）搜集产品信息；2）分析并确定购买智能马桶的主要消费人群；3）分析智能马桶店铺宝贝详情页的优缺点，学习其优点并进一步思考创新;4）对“津上智能马桶”产品进行卖点分析，从消费者角度进行考虑、思考;5）确定“津上淘宝店铺”宝贝详情页设计风格：时尚、潮流；6）收集相关图片设计资料；7）运用AdobePhtOtOShOPCS6制作主图、详情页的效果图

5、。二、产品分析（一）方法分析为确定智能马桶的主要消费人群和淘宝店铺形象设计的风格用了信息搜索法,在网上进行资料查询，确定了智能马桶的主要消费人群为年轻人和中老年人,宝贝详情页的风格为时尚、潮流，家居性。并对“津上智能马桶”宝贝详情页的可行性，做了几点可行性分析：1、经济可行性：不需要大量设备，只需一台运行流畅的电脑以及相关软件便可进行设计。2、技术可行性：AdobePhtotoshopCS6已经推行广泛，PS技术已相当成熟,AdobePhtotoshopCS6制作图片效率高，使用方便快捷。（二）过程分析详情页主要从津上智能马桶的目标需求顾客出发设计了5张主图,主图1公3、4主要展示商品的细节，

6、及各类产品和各种营销信息；详情页设计了产品展示、产品信息、产品细节、产品制作过程、产品功能、产品实景、售后物流等7个模块来充分展示“津上智能马桶”的详细信息，通过展示来提升顾客的购买欲望从而达到流量转化的作用实现店铺盈利。三、设计草图（一）主图草图文案和价格产品产品图产品包装和文案设计图3.1主图草图1图3.2主图2草图1OGO津上价格产品包装和文案设计图3.3主图3草图产品图图3.5主图5草图图3.22产品细节展示图草图图3.23产品售后图草图四、设计效果图（一）主图效果图图4.2主图2效果图图4.1主图1效果图图4.3主图3效果图图4.4主图4效果图图4.5主图5效果图（二）详情页效果图（

7、如图4.6-图4.13所示）裳风烘干大风f1利达名的夕干堤I移动清洗喷秆Deib侈就侧面独立按健cnww.中木坊网I储智能除舆IvM专业除.卫生虚炫施除鼻智能诊断松下n*i5片.所有区碑硼小访潮图4.6详情页产品展示效果图JINSHANG中国核心技和造智能生活一、核心技二区上智能马桶二无线畅洗I-JKfHM1WW阻尼缓降X印仍H鼎.自0安环境15项智能技才改，便生活一前IW座费保整女性清洗清洗位谓节清洗水压调节状总显示O上息I温演马播三档冰厦调P自幼水ttJ5蒙X夜比照明！纨米拉於不秘的18杆智能节电sJINSHANG即热出水更净更暖二r苴摄供水ENERGYCONSERVATION节能环保电脑

8、控制常温抵挡中档高档4憎一度环调日.型人性化设计让位e冬天不再冰冷图4.8详情页产品信息效果图图4.9详情页产品信息效果图图4.10详情页产品制作过程效果图COMMODITYPARAMETER同步世界潮流图4.11详情页产品细节效果图SCENEDISP1AY情景展示品质生活体验图4.12详情页产品实景效果图图4.13详情页售后服务效果图五、过程中图片（一）主图过程图1 .在PS下创建一个800px*800px的背景，利用了实木的背景墙，更容易突出津上智能马桶的美观，给人带来一种居家的感觉，主图1红色代表喜庆，活力，会更容易让人接受，如下图所示。效果图如下图所示添加引人注目的词来吸引顾客图5.1

9、主图1过程图图5.2主图2过程图2 .在PS下创建一个800px*800px的背景。主图二内加载店铺IogO和产品图，让顾客知晓店铺所销售的产品种类。黑色与蓝色字体搭配让顾客了解此产品的性能，红色字体吸引眼球打消疑虑，如下图所示：效果图如下图所示深红色字体将产品卖点打出来3899图5.3主图3过程图日本津上3.在PS下创建一个800px*800px的背景。明确店铺名称，红色字体吸引顾客,让顾客明确产品的方向，放入店铺的关键词“一键制动，自动加热，高端”，给人一种高科技的感觉；加入惊爆价三字，吸引顾客立刻下单。如下图所示：效果图如下图所示多种颜色搭配吸弓I顾客一款智能马楠惊爆价:图5.4主图4过

10、程图4 .在PS下创建一个800px*800px的背景。加载店铺1ogo和店铺详情页促销信息，蓝色背景中间添加产品图片，更加衬托这款海之蓝产品的颜色明确此款作品为海之蓝系列产品，下方白色字体展示了此产品的优惠活动，买三送一吸引顾客下单如下图所示效果图如下图所示海之蓝产品性能用红色字体打出来，吸引顾客眼球图5.5主图5过程图5 .在PS下创建一个800px*800px的背景，加载店铺1ogo和产品细节图片,添加文案信息来突出此款作品居家性，利用惊爆价等字眼促销信息来吸引顾客,如下图所示。效果图如下图所示图文搭配的方式将产品完美的展现出来（二）详情页过程图（如图5.6所示）1 .产品展不图以黑灰白

11、为颜色搭配，写上“让如厕成为享受”，“畅想智能生活从它开始”文案，目的是为了吸引顾客的眼球，黑灰白的颜色搭配让这展示图更加具有科技感。2 .产品功能以黑色为背景更显科技感，最上面写上“中国核心技术，打造智能生活”文案吸引顾客眼球，将智能马桶的功能及各种操作图标都详细介绍出来，让顾客对智能马桶的操作一目了然3.产品信息展示产品信息展示我采用的是以黑色和灰色为背景，可以更加衬托智能马桶，展示的津上智能马桶的信息。“即热出水，更净更暖”“静享肌肤”都展示出了智能马桶的信息。4.产品制作过程产品制作过程图采用的是黑色的背景，展示组装过程图，从原料，组装，包装这三个方面，将产品的制作过程展示给顾客，让顾

12、客了解，从而放心购买，如下图所示。5.产品细节产品细节主要是将智能马桶宽高给展示出来以白色为背景，产品的参数展示给顾客，让顾客清楚的了解，更好地了解这个产品，如下图所示6.产品实景产品实景采用的是实拍的背景图，让智能马桶在实地展现出它的颜色，让顾客可做参考，了解智能马桶在居家的环境，颜值都很高，品质生活体验，如下图所示6.售后物流售后物流是最后一步，为了让还在考虑的买家打消疑虑，立刻下单，不管收货安装还是退货都有保障，采用红色的字体让买家一目了然，以避免不必要的误会，如下图所示。图5.6详情页过程图（三）素材截图（如图5.7所示）E31*H41J1二：三.-IMMte.K4MWMMttBM1匕FBSWJJ*。中V6CWM口JOffMM:M快BM1UAUf1rfiSftAII.WtVHTB.HSZB.C*MWy(MrtdMk1CifittiMniASAOwOwMM3)DHFaMKB*4乐iWMMRk3DeumOKNOItfMI1SKXiIM1Ubptttas7osO1CNOUoMMVIIKMSI70H0O1CNO121AIoUtftVr3,f