美妆show化妆品导购型网站设计与实现毕业设计论文.doc

《美妆show化妆品导购型网站设计与实现毕业设计论文.doc》由会员分享，可在线阅读，更多相关《美妆show化妆品导购型网站设计与实现毕业设计论文.doc（28页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、毕业设计毕业设计题 美妆show化妆品导购型网站设计与实现 毕业设计类型产品设计 工艺设计 方案设计 姓名 班级 所属系部 物流信息系 专业 电子商务 指导教师 职称 完成时间 摘要随着互联网的快速发展，互联网的应用越来越受到网络用户者们的重视。作为一种新的商业模式，互联网化的电子商务，既是21世纪的产物，也是未来业务发展方向的代表。美妆show导购网站定位于热衷美妆的网购消费者，从内容定位、整体结构、外观设计三方面展开设计，主要采用了Dreamweaver、Flash、Photoshop等技术来实现。网站通过“美编推荐”、“护肤”、“彩妆”、“今日优选”、“彩妆资讯”等栏目，推荐网络优质美妆

2、商品，使消费者购物变得轻松、快捷、方便、安全。关键词：电子商务 美妆show 导购网站 目录第1章网站设计背景11.1企业网站设计目的11.2网站建设需求分析21.3网站整体结构5第2章前期准备72.1 素材收集整理72.2 LOGO设计72.3 Banner设计82.4 首页效果图9第3章网页设计制作103.1 首页设计制作103.2其他网页设计制作14第4章美妆Show导购网站推广184.1 搜索引擎推广184.2 电子邮件推广184.3 IM及时通讯工具推广194.4 SNS社区营销推广204.5其他营销推广21总结23致谢24参考文献25第1章 网站设计背景1.1企业网站设计目的众人皆

3、知，21世纪是互联网飞速发展的时代，越来越多的人参与到互联网。互联网给众多企业带来了无数的商机，企业网络营销已经成为企业营销的重要手段之一。企业网站作为一个宣传企业形象的窗口，同时企业网站既是产品销售的一种渠道,也是企业营销管理的一种方式。企业通过网络可以使用多种手段向客户提供企业的产品及服务。企业网站建设，具有以下优点：跟上时代的潮流；有助于提高企业的形象；很好的展现企业的交易范畴和产品；保持与客户的及时联系，可以大大地降低通信成本。总之，企业网站是时代发展的结果，良好的企业网站是企业网络营销中的一个重要条件，是适应互联网化发展的趋势。本网站是在网络上建立一个美妆类的导购平台，网站的建设目的

4、是面向热衷美妆的网购消费者，为消费者提供彩妆资讯和美妆商品的导购等功能。本网站是一个集聚彩妆资讯和美妆导购为一体的网站，目前有美妆首页、今日优选、特卖专场、护肤馆、彩妆资讯五个主要栏目，通过这五大栏目向热衷美妆人群推荐各大电子商务平台优质的美妆护肤产品。 1.2网站建设需求分析1、电子商务发展现状如今，电子商务在中国的发展进入了一个密集创新和快速扩张的新阶段，日益成为拉动中国的消费需求、促进传统产业的升级、发展现代服务业的重要引擎。具体而言，具有以下几个特点。其一，我国电子商务仍然保持快速增长态势，潜力巨大。近年来，中国电子商务交易额的增长率一直保持着快速增长的趋势。特别是网上零售市场发展快速

5、， 2012年交易额达到13110亿元, 2013年的支付宝成交额达到350.19亿元，而2014年总成交额超过571亿元。这些都让人们看到了中国网上零售市场发展的潜力所在。毋庸置疑，电子商务正在成为一个重要引擎来拉动国民经济的快速可持续增长。其二，各行业企业信息化的建设，加快了电子商务应用的发展。在国家大力推进信息化和工业化融合的环境下，我国各行业企业正在加快信息化建设的步伐，电子商务应用的需求变得越来越强大。因此，许多传统行业在电子商务应用中取得了良好的效果。其他行业如邮政服务、旅游、保险等也基于在信息化建设的现有基础上，重点发展电子商务业务。其三，电子商务贸易促进了一系列新的发展趋势的出

6、现。从电子商务贸易情形来看，近年来涌现了一些新的发展趋势。一是发展形式不断演化。近年来由于B2B与B2C的加速整合，并通过信息平台向交易平台改变。二是零售电子商务平台化越来越明显。概括为以下三种情况：包括综合平台全品类的追求，对垂直型平台细分市场的集中，大型企业自建网站的第三方平台的逐渐变化。三是各电商平台之间的竞争激烈，市场日趋集中。阿里巴巴、京东商城作为第一梯队拉开了和其他中小型电子商务企业的差距。其四，跨境电子交易获得快速发展。在国际经济局势连续不振的情况下，中国的中小外贸企业跨境电子商务仍然逆势而上，近几年来，保持了30的年平均增长率。有关部门正在抓紧完善促成跨境网上交易对电商平台、物

7、流配送、支付结算等方面的配套战略措施，激励跨境电子商务模式不断创新，对一站式推广、平台化运营、网络购物的商业展览等模式相互结合，让更多的中国制造的产品可以通过网上交易平台走向国外市场，有力地推动了跨境电子商务的深入发展。2、导购网站模式当前国内导购模式大抵分为如下几种类型：媒体资讯类、促销信息聚合类、购物搜索类、社区分享类。覆盖用户价格敏感度和目标明确度的需求由高到低。（1）媒体资讯类该类型导购网站吸引用户是基于垂直范畴，依靠完善的产品信息数据和专业的产品评价信息，成为领域内用户购买行为之前的信息获取源，流量巨大且质量较高。信息流媒体特性的商业模式，依靠自身流量优势，成为精准营销平台中的行业品

8、牌。其中最具代表的领头公司是中关村在线和汽车之家。媒体资讯类型的网站除了作为品牌营销推广的平台之外，同时也都在摸索开展自身的B2C交易。这些网站依靠自己的专业性以及高用户忠诚度和认可度，在品牌营销的方向上潜力巨大。（2）促销信息聚合类该类型导购网站吸引用户的方法是各流行的B2C网站推广信息的整合，以及精选特价产品吸引广大用户。通过晒单、经验盒子等功能，提高用户的参与度，增强用户的黏性。商业模式是通过B2C广告联盟、阿里妈妈等渠道，接收订单折扣。此外，也通过互联网商业广告投放盈利。（3）购物搜索类该类型导购网站吸引用户的主要方式是服务有明确购物需求的用户，解决用户对价格敏感的问题，通过技术手段，

9、收录全网商品的折扣信息，实现全网的价格比较。通过商家认证服务，为消费者选择优质商家；通过专业编辑收藏的促销产品及业务推广活动+促销信息网友爆料，吸引对价格敏感的用户，提升用户的参与度。其商业模式是收集商家的产品数据，联合搜索技术，实现相关信息的精准推送，增加商品展现的机会，为商家提供流量入口。通过商家认证服务，帮助商家推行准确的品牌营销推广。（4）社区分享类该类导购网站是通过用户（网购达人、超级用户）共享、评价、讨论等行为来吸引用户，产生许多的优质内容，帮助社区的其他用户找到自己喜欢的商品。社区用户之间通过收集、响应并提出行动建议，同时也通过分享自己的生活方式（Lifestyle）、网络购物以

10、及通过其他社交平台来吸引更多的用户。这种经营模式是与电子商务网站合作，以获取商品推广营收，品牌营销推广广告投放（自建商城）。3、导购网站发展现状随着电子商务商家数据的快速增长，网购者逐渐感受到在大量的商品数据海洋中找不到自身所需要的适合商品的背景下发展而诞生的。随着电子商务的发展，大量的线下购物行为已通过网上购物所取代，但网上购物出现的最大问题便是诚信经营和消费者对商品的了解程度问题，这两个问题，主要是因为网上购物者不能实际接触到自己想要购买的商品，如此就导致了目前最受欢迎的导购网站的涌现。此类网站通过用户的交易数据、用户的购买行为、以及通过其他收集到的大量可靠、专业方面数据确切的挖掘到消费者

11、所需要的商品。因此，消费者可以在网上买到物美价廉的商品。目前最受欢迎的女性导购网站如蘑菇街、美丽说、51妈咪购，这些网站的整体日访问量已经达到了上亿次。据专业机构统计，日前在京东、一号店、淘宝网上的女性消费有1/10之一的点击量流量是从这些导购网站引导而来的，交易数额也已经达到了10亿的规模。1.3网站整体结构网站结构是指网站中页面之间的层次关系，按网站结构的性质可分为逻辑结构与物理结构。清晰的网站结构可以帮助用户迅速地获取自己所需要的信息。以下便是本网站的网站整体结构图：图1-1 网站框架结构图美妆首页是网站的入口网页，主要是引导消费者进一步了解本网站。在此栏目下增设了美编推荐、彩妆、面膜、

12、国货来袭、日韩来袭、欧美来袭、时尚顾问、美即、彩妆心得、导购、美体这十一个栏目；今日优选、特卖专场、护肤馆栏目下主要是介绍一些美妆产品信息及购买去向；彩妆资讯栏目则主要是向消费者推荐一些妆容的画法及化妆产品的购买去向；登录、注册、留言板栏目主要是填写用户的各种信息。第2章前期准备2.1 素材收集整理本网站的产品图片收集主要来源于美丽说本网站中文本素材则是通过参考妆品网等平台的信息并加以整合，收集的素材根据网站栏目规划进行修改整理。本网站主要采用了Photoshop、Flash、JavaSript及HTML语言等技术对加工处理的素材进行整合，呈现在网站上。2.2 LOGO设计logo作为识别和传

13、达的视觉形象，以其简单、优雅的造型语言，着重地体现了品牌和企业形象。本网站LOGO是在Photoshop中用文本工具实现的。LOGO设计采用中英文结合，简单、明了，更好的突出品牌的形象。LOGO字体采用粉色，粉色代表着可爱、甜美、温柔和纯真，同时也是女性的代表，很好到迎合了本网站客户群的喜好。图2-1 logo2.3 Banner设计Banner可以很好的反映一个网站的中心用意，形象生动地表达了网站的主要情感思想，一个好的banner制作，可以大大的提高网站的点击流量。本网站主要是以“在这里，寻找你的美丽”为理念，网站Banner的设计紧扣这一理念，整体设计简约大气，色彩搭配协调。其banne

14、r制作过程是：首先从网络上收集了三张关于女性主题的图片，然后采用Photoshop图片处理软件中的裁剪工具、文字工具及图像大小调整等技术进行适当的处理，将处理好的三张Banner图片保存在images文件夹下，最后将banner图片使用Flash制作成轮播动画效果。图2-2 banner效果图2.4 首页效果图图2-3首页效果图第3章 网页设计制作3.1 首页设计制作1、网页布局首页由logo、banner、导航栏、登录、注册、留言板、客户服务、美编推荐、彩妆、国货来袭、欧美来袭、日韩来袭、版权所有等信息板块所组成。其中产品信息栏中所有商品均可链接到淘宝网和天猫等平台的网购详情页面，实现商品的

15、导购跳转。以下是本网站的首页布局图：BannerLogo搜索栏登录|注册|留言板导航栏导航产品动画客户服务今日优选彩妆国货来袭日韩来袭欧美来袭产品信息图美容资讯版权信息图3-1 首页布局图2、风格色调本网站是一个女性化妆品导购网站，整体色调为粉红色，粉红色是一种女性化的色彩。网页整体设计简洁大方，导航一目了然，让消费者能够快速的找到自己想要的商品。同时网站设置了彩妆资讯和美容资讯栏目为消费者提供美妆资讯、以及彩妆美容方面的知识。3、导航条设计导航条设计主要功能使消费者能方便快捷地找到自己所需商品类目。本网站导航条背景主要是以粉红色为主，栏目的字体采用白色，与整个网站的风格色调统一。导航条分为五

16、个主要栏目，分别是美妆首页、今日优选、特卖专场、护肤馆、彩妆资讯。导航条实现效果如图3-2所示：图3-2 导航条4、产品展示设计产品展示信息块使用了div/css样式对文字进行了修饰，消费者通过点击“去看看”可以直接跳转到淘宝等电商平台，从而实现在线下单。.font font-size: 14px;color: #666;text-decoration: none;line-height: 23px;.font:hover color: #FF689B;text-decoration: underline; .font1 font-size: 22px;color: #FF679A; 图3-3

17、 产品信息及价格图3-4 产品信息跳转到淘宝页面5、首页javascript特效本网站首页设置了javascript特效，目的是能在第一时间内欢迎进入本网站的消费者。本网站的javascript特效设置在网站首页的左上角，迎合消费者浏览习惯。友好的网站界面，给消费者一种亲切感，同时也可以增加消费者对品牌的信任，形成良好的口碑。图3-5首页javascript特效首页javascript特效部分代码如下：欢迎光临美妆show！ 6、浮动在线客服网站在线咨询QQ浮动效果采用Javascript及div+css样式实现，其主要目的是便于客户在线咨询。用户在浏览本网站时若遇到任何疑问可以通过直接点击客

18、户服务QQ图片，在线与客服进行咨询交流。浮动在线客服部分代码如下： 在线客服 document.write();图3-6在线客服7、搜索表单设计表单的主要作用是负责数据的采集。本网站首页顶部创建了一个搜索表单，通过插入div对表单进行层布局并对div进行JS行为的设置，使div具有显示与隐藏的功能。同时，div里面的内容可以链接到相关的产品页面中，实现简单的搜索功能。图3-7 搜索表单8、产品轮播动画首页产品轮播动画的3张产品素材图片来自于美丽说。图片下载后利用Photoshop对其进行了图片大小的调整及图片的美化，最后使用Flash动画软件将处理后的素材图片进行图片轮播制作，实现了网页轮播动

19、画效果。 图3-8 产品轮播动画3.2 其他网页设计制作 1、彩妆资讯网页图3-9 彩妆资讯彩妆资讯页面主要是由三个部分组成的。页面上部是由网站logo、搜索栏及导航条构成；中部是通过插入产品轮播动画，实现网页动态效果；下部是化妆教程的文本信息，文本信息采用了了CSS样式，点击时即可跳转到另一个相关页面，文本信息的下方分为两部分，左侧是教程模特的缩略图，右侧是化妆信息，并对这些信息进行了css样式的修饰，美化页面，吸引消费者的目光。页面中的文本颜色采用黑色、粉色、绿色这三种颜色，简单的色系可以调动消费者的主动性。2、初学者学化妆网页图3-10 初学者学化妆本页面是由logo、导航栏、产品轮播动

20、画、教程模特、产品的缩略图及文字构成的，将本页面很好的整合在一起，使页面实现图文结合，起到美化页面的效果，吸引消费者的目光。页面中既有教初学者如何学化妆，又有相关产品的购买去向，方便消费者查找及购买，突出本网站的特点。3、特卖专场网页图3-11 特卖专场特卖专场页面上方是由logo、导航栏构成的，用表格定位好，插入 JS代码至两端，即可实现图3-11特卖专场在页面中从右到左连续滚动效果；下方则通过产品的缩略图及文字用表格定位，有效的整合了页面的排版问题。同时，消费者可以通过本页面浏览相关产品的图文信息，详细了解商品的价格、品牌等相关信息，消费者通过点击“价格”可以直接跳转到聚美等电商平台，从而

21、实现在线下单。4、彩妆心得网页图3-12 彩妆心得彩妆心得网页主要是向消费者分享与彩妆相关的知识，让消费者了解彩妆方面的各种信息，消费者可以弥补这方面的知识，很好地解决了有关彩妆方面的问题。页面采用纯文本设计，简单的排版方便消费者浏览所需的相关信息。5、美编推荐网页图3-13 美编推荐美编推荐网页是借鉴了美丽说的不规则布局设计而成的，将各产品的有关信息及价格分成一个个区域，和传统的布局区别开来，利用层次视觉效果增加用户的视觉体验，突出本网站与其他网站的不同之处，对文字进行链接，实现产品的立即购买，调动消费者的主动性。第4章美妆Show导购网站推广4.1 搜索引擎推广搜索引擎是为用户查询信息时提

22、供方便的一种推广方式。常见的搜索引擎推广方式有以下几种：登录分类目录、搜索引擎优化、关键词广告、关键词竞价排名、网页内容定位广告等。其中关键词广告、关键词竞价排名和网页内容定位广告通常是需要支付高额的费用，资金雄厚的大型企业网站比较适合这些搜索引擎推广方式，对于中小型企业网站则要根据企业情况和营销预算来确定。本网站通过HTML代码对本网站进行简单的网站关键词和网站内容描述的优化，使网站更加容易被搜索引擎收录。网站关键词和内容描述优化代码如下：图4-1 搜索引擎优化4.2 电子邮件推广电子邮件推广主要是通过发送电子邮件作为网站推广的手段，常见的推广方法包含电子期刊、会员通信、专业服务商的电子邮件

23、广告等。电子邮件营销是相对独立的，在网络营销方法体系中，既可以与其他网络营销方法相互结合，也可以独立适用。本网站采用的网站推广方式是电子邮件推广。明确的电子邮件主题、图文结合的邮件正文以此来吸引消费者们的眼球，引导消费者们进入本网站中，了解本网站中的产品信息，从而促使消费者在线购买。图4-2 电子邮件推广4.3 IM及时通讯工具推广及时通讯工具有QQ、旺旺、泡泡、MSN、飞信等，通过利用资料、个性签名、建立网站用户群来进行网站形象和网站特色的宣传。及时通讯工具的推广是指以各种IM工具为平台，通过文字、图片等形式来进行宣传推广网站。本网站采用了QQ个性签名推广方式，在QQ个人资料上将个性签名修改

24、成网站名称和网站宣传语及加上网站的网址，在与好友或消费者们聊天的过程当中，签名会直接显示在聊天窗口上。这种方式适合本网站的推广，能够为本网站产生更多的流量，可以起到很好的宣传效果。图4-3 QQ个性签名4.4 SNS社区营销推广一个社区往往是由具有共同点的人聚集在一起，选择一个适合的社区，可以大大的提高网站推广的精准度，实现较高的转化率。一般来说，利用论坛、微博、微博群、百度空间这些社区，给楼主及时评论回复，可以增加网站的曝光率。本网站采用了新浪微博推广的方式推广网站。新浪微博拥有大量的用户群体，是目前最时尚的即时通讯工具。通过在上网高峰期内，发布一条简单的网站宣传介绍加图片或者网站活动的微博

25、，与粉丝产生互动，拉近与客户间的距离，即时获得反馈。同时可以为本网站带来大量的流量，很好的宣传了本网站，给网站带来更大的收益。图4-4 新浪微博4.5其他营销推广1.论坛推广企业利用论坛这类网络交流平台，使用文字、图片、视频等方式发布企业产品和服务的信息，从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、提升网络营销目的的市场意识。本网站采用了百度贴吧论坛推广的方式。首先明确好本网站的用户群体，然后选择一个适合的论坛进行推广，可以达到很好的宣传效果。本网站选择了一个女性化妆分享吧，起初通过签到回帖积累足够经验后开始发帖，每天对帖子进行更新，让帖子置顶使更多目标人看到，从

26、而达到本网站预定的收益效果。图4-5 百度贴吧2、QQ空间推广QQ空间带有强烈的情感基调，是通过QQ好友为沟通对象，不经常见面的朋友可以通过QQ空间了解你的现状，QQ空间稍微有所更新和变化，好友都会及时的知道，也会通过留言与你互动。分享朋友的日志转载，增加好友对企业品牌的信任，形成良好的口碑营销。本网站采用了QQ空间推广的方式推广网站。首先斟酌好本网站推广软文，然后通过发说说的形式将网站推广软文发到网站QQ空间上。具体来说，先发布一些宣传本网站日常动态的信息，再持续发布一些网站的促销活动信息，让消费者对本网站是形成一定的信任度及品牌意识。图4-6 QQ空间推广总结毕业设计是我们每一个大学生必须

27、经历的一段历程，同时也是我们每一个大学生毕业之际的最后一段珍贵回忆。一开始我们都觉得毕业设计很难，害怕着面对毕业设计所带给我们的艰辛，但是在经过指导老师的帮助和自身的努力下，我们都按要求完成了此次的毕业设计。在这里我要感谢我的指导老师欧阳红巍老师，是因为有了您的帮助，我才能够顺利完成毕业设计。通过这次毕业设计，让我对导购网站有了一定的了解。随着互联网的普及，网上购物已经成为了时代的主流，各种网上商城建立，网上商品的琳琅满目，加之现代化快节奏的生活，让人们在挑选自己喜欢的商品时，感到不知所措和时间上的不够用，因此导购网站的出现就顺应了时代的发展。为用户推荐优质的商品，最好的搭配，节省了大量寻找商

28、品的时间。经过这次的毕业设计，让我明白了学习是一个长期积累的过程，我会在今后的工作和生活中不断的学习，努力提高自己的知识和综合素质。致谢毕业设计是在我的指导老师的悉心指导下完成的，在此由衷的感谢老师对我的帮助，从而让我能够顺利的完成学业。在此我也要感谢我的同学对我的帮助，这次的毕业设计也使我们的同学关系更进一步了，有什么不懂的我们都在一起讨论，听取不同的意见让我更好地理解毕业设计所需要的知识，从而能够顺利的完成毕业设计，所以在这里十分感谢帮助过我的同学们。在设计毕业设计的过程中，我通过查阅大量的相关资料，和同学们一起交流所学经验，同时也通过自学和向指导老师请教等方式，顺利的完成了毕业设计的制作

29、。在整个设计中让我懂得了很多东西，同时也锻炼了我独立工作的能力，而且极大的提高了我的动手能力，使我充分地体会到在创造过程中探索时的艰难和成功时的喜悦。虽然这次的设计做的不是非常精彩，但是在设计过程中所学到的东西却是我生命中最大的财富，使我终身受益。1参考文献1 卞金定.浅析电子商务的发展前景J.科技资讯2 淘宝网.中国城市网购发展环境报告R.2012.73 中国互联网络中心(CNNIC).2011年中国网络购物调查报告R.2012 4 沈大林主编，中文Flash 8案例教程5 马增友.photoshop图像处理技术.清华大学出版社.2013.1.6 任学文、范严编, 网页设计与制作7 蔡立燕,梁芳.网页设计与制作M .北京8 蔺建霞.浅析我国电子商务的现状与趋势Present Situation and Development of Electronic Commerce9 徐丽娟.电子商务概论M.机械工业出版社.2011.11.10 汤浔芳.淘宝变脸 社会化导购网站转型突围N.21世纪经济报道，第020版，2013.6.4