毕业设计开题报告.docx

时尚淘导购网站的设计与实现

收藏

压缩包内文档预览:
预览图 预览图 预览图
编号:6446358    类型:共享资源    大小:17.57MB    格式:ZIP    上传时间:2017-12-15 上传人:毕****做 IP属地:江苏
30
积分
关 键 词:
时尚 导购 网站 设计 实现
资源描述:
时尚淘导购网站的设计与实现,时尚,导购,网站,设计,实现
内容简介:
湖南现代物流职业技术学院毕 业 设 计毕业设计题 时尚淘导购网站的设计与实现 毕业设计类型 产品设计 工艺设计 方案设计 姓名 刘跳 班级 电商 1202 班 所属系部 物流信息系 专业 电子商务 指导教师 欧阳红巍 职称 讲师 完成时间 2014 年 12 月 11 日 湖南现代物流职业技术学院教务处制2014 年 12 月 11 日学号:201241102023原创性声明内容本人郑重声明:所呈交的毕业设计,是本人在导师的指导下,独立进行研究工作所取得的成果。除文中已经注明引用的内容外,本设计不包含任何其他个人或集体已经发表或撰写过的作品成果,所引用相关企业、单位资料获得了对方的授权。对本文的研究做出重要贡献的个人和集体,均已在设计中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。毕业设计作者签名: 日期:2014 年 12 月 11 日 毕业设计使用授权声明本人完全了解湖南现代物流职业技术学院有关保留、使用毕业设计的有关规定,即:学校有权保留毕业设计并向国家主管部门或其指定机构送交设计的电子版和纸质版,有权将毕业设计用于非赢利目的的少量复制,并允许毕业设计进入学校图书馆、院系资料室被查阅,在世界大学城毕业设计网站公开,学院有权将毕业设计的内容编入有关数据库进行检索,可以采用复印、缩印或其他方法保存毕业设计。毕业设计作者签名: 导师签名:日 期:2014 年 12 月 11 日 日 期:2014 年 12 月 11 日摘要随着科技的快速发展和网络的广泛普及,网上购物已经成为了时代的主流,各种网上商城层出不穷,商品更是五花八门。丰富多样、品种繁多的商品,网络购物的风险使得消费者无所适从。在这种现状下,导购网站应运而生,导购网站通过筛选各大网购平台在售货品,将质优价廉的商品,推荐给消费者,为广大网购者提供了一个快速、便捷、高效的购物方式。本网站是为女性推荐时尚单品搭配主题的导购网站,采用了Dreamweaver 、Photoshop、Flash 等工具和 HTML、JS 技术来实现网站的设计与建设,网站通过每日搭配、衣服、鞋子、包包、配饰等栏目,向热衷潮流购物的女性消费者推荐时尚服饰、鞋包等各类商品。关键词:导购网站 时尚导购 服饰导购目 录第 1 章 网站设计背景 .11.1 企业网站设计目的 .11.2 网站建设需求分析 .11.3 网站整体结构 .3第 2 章 前期准备 .42.1 素材收集整理 .42.2 LOGO 设计 .52.3 Banner 设计 .62.4 首页效果图 .7第 3 章 网页设计制作 .83.1 首页设计制作 .83.2 其他网页设计制作 .11第 4 章 时尚淘导购网站推广 .154.1 搜索引擎 推广 .154.2 电子邮件推广 .154.3 IM 及时通讯工具推广 .164.4 SNS 社区营销推广 .174.5 其他营销方法 .18总 结 .21致 谢 .22参考文献 .230第 1 章 网站设计背景1.1 企业网站设计目的随着科技的快速发展和网络的广泛普及,网上购物已经成为了时代的主流,各种网上商城层出不穷,商品更是五花八门。丰富多样、品种繁多的商品,网络购物的风险使得消费者无所适从。在这种现状下,导购网站应运而生,导购网站通过筛选各大网购平台在售货品,将质优价廉的商品,推荐给消费者,为广大网购者提供了一个快速、便捷、高效的购物方式。导购类网站通过商品具体数据、商品交易数据、消费者购买行为、以及其他专业可靠的数据,准确的挖掘出消费者所需要的商品,并对商品进行合理的组织,让消费者能找到所需的商品,从而购买到物美价廉的东西。本网站是以时尚潮流服饰为主题的导购网站,面向热衷时尚的女性网购消费者,采用时尚搭配导购的方式向她们推荐时尚服装、鞋子、包包等商品。本网站建设的主要目的是旨在为时尚女性网购消费者提供丰富多样、时尚前卫且物美价廉的商品。1.2 网站建设需求分析十二五以来,我国电子商务行业发展迅猛,产业规模迅速扩大,电子商务信息、交易和技术等服务企业不断涌现。2011 年我国电子商务交易总额达到 5.88 万亿元,其中中小企业电子商务交易额1达到 3.21 万亿元。2012 年中国电子商务市场交易额突破 8 万亿元,同比增长 31.7%,其中跨境电子商务成为新的发展热点。2013 年中国电子商务市场交易规模达到 9.9 万亿元,同比增长 21.3%。淘宝双十一自从 2009 年开始,就伴随着中国电子商务的蓬勃发展而成为了全国乃至全世界的焦点。如今,双十一也早已经被公认是中国电子商务行业的年度盛事。下图 1-1 是近年来双十一交易额增长图,2013 年交易额到达 350 亿,2014 年再创高峰,总交易额到达 600 亿。图 1-1 双十一交易数据图随着网购的普及,网购的劣势也随之而出,2014 年接到电子商务投诉 50180 起,其中淘宝第一,购物的安全性和质量问题成了网购的关键。在这种现状下,导购网站应运而生,导购网站通过筛选各大网购平台在售货品,将质优价廉的商品,推荐给消费者,为广大网购者提供了一个快速、便捷、高效的购物方式。时尚淘导购网站是一个推荐女性时尚单品搭配的网站,精选款式美、质量优、价格合理的衣服、鞋子、包包和配饰等潮流商品,2让万千女性在这里享受购物乐趣,发现时尚精品。时尚淘还设置了搭配推荐栏目,提供时下流行服饰搭配,浏览者可以根据网站搭配推介购买服饰套装,提升个人衣着品位。1.3 网站整体结构网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。网站结构是衡量网站用户体验好坏的重要指标之一,清晰的网站结构可以帮助用户快速获取所需信息。网站的超链接是一个较复杂的结构,虽说它建立在目录结构之上,但是它可以跨越目录,所采用的拓扑结构有两种基本形式:星型链接结构和树型链接结构。较好的结构设计是在网站首页与一级页面之间采用星型链接结构,在一级页面与下一级页面之间采用树型链接结构。本网站依据栏目策划,规划网站的总体结构为:时尚淘首页 每日搭配 衣服 鞋子 包包 配饰羽绒服毛衣打底裤小脚裤长靴短靴雪地靴厚底鞋双肩包单肩包手拿包钱包围巾帽子发箍袜子登陆注册图 1-2 网站结构图3第 2 章 前期准备2.1 素材收集整理首先确定网站定位、网站风格及网站结构,明确好这些后,接下来便是收集网站设计所需的素材。本网站的大部分产品原始图片是从网络收集的,后采用 Photoshop 图像处理软件对图片进行加工处理,并将处理好的产品图片加以重命名,使其保存在 images 文件夹内,方便网站设计实现时使用。本网站图片素材主要采用了 Photoshop 图像处理软件的仿制图章工具,比如:网站首页中的轮播图片,先用仿制图章工具将图片上的文字覆盖,然后写上新的文字,组合成网站的图片。图 2-1 首页轮播图4本网站 Flash 主要是将图片用 Photoshop 软件进行处理,然后用 Flash 软件将图片做成轮播效果,生成.swf 格式,最后插入到网站当中,使网站产生动态效果,更加生动。图 2-2 Flash 素材2.2 LOGO 设计每个网站都有一个代表其单位或公司,并具有特殊意义的标志。它体现了网站独特的文化元素,同时也是吸引浏览者眼球的第一法宝。一个有创意的 LOGO,对网站的宣传推广有事倍功半的效果,对于企业来说,它不仅是一个标志,更像一个商铺的招牌。所以,在企业中 LOGO 的设计不仅要协调,更要体现企业文化的内涵。时尚淘导购网网站标志简单明了,突出主题。中间是时尚淘网站的中文名字,后面是一个桃心, “桃”字与“淘”字同音,突出了网站的主题,淘你所喜,淘你所爱。标志使用的是网站的主色调玫红色,是女性5的代表色,深受女性所喜爱。网站 LOGO 如下图所示:图 2-3 网站 LOGO2.3 Banner 设计本网站是女性时尚单品推荐的导购网站,banner 主要体现的是导购功能,为顾客推荐最新的店铺动态,方便购买。由于本网站是一个面向女性消费者的网站,所以 Banner 采用了鲜明的色调,紧扣女性时尚这一宗旨来展现。在技术实现方面,本网站 banner 采用了 Photoshop 软件的滤镜技术,通过杂色菜单制作完成,并保存为.gif 图片。图 2-4 网站 banner62.4 首页效果图图 2-5 网站首页7第 3 章 网页设计制作3.1 首页设计制作网站首页是用户浏览网站的第一步,也是一个网站“门面”,首页的制作效果直接影响了用户的网站浏览的体验度,因此,其页面的布局和栏目内容的选择显得尤为重要。通常来说,首页显示一些重要的信息,或者能突出网站主题的内容。作为一个以时尚服饰为主题的导购网站,本网站中的首页包括有:网站导航栏、人气单品推荐、衣服、鞋子、包包、配饰等板块内容,每个主题信息部分布局明晰,让浏览者在首页中可以感受到整个网站的风格,并清晰明了地找到所需商品的类目。此外,对于一些新品、精品或畅销爆款产品,会采用动态特效的形式放于网站首页醒目位置,以吸引用户注意。例如:首页中的活动信息宣传部分,为了突出重点,同时也为了引起浏览者的注意,采用 flash 动画软件做成 flash 动画效果放于首页顶部,使整个页面具有视觉上的动感,不再显得呆板。1、网站风格网站是为女性推荐时尚单品搭配主题的导购网站,为客户推荐好的服饰单品与时下流行的穿着搭配,让浏览者能够快速的找到自己想要的商品,节省寻找时间。本网站作为一个女性时尚单品导购网站,整体色调为玫红色,玫红色是女性的代表色,深受女性所喜爱。82、首页布局本网站采用的是“国”字型布局方式,使网站主题鲜明,简洁清晰。网站首页主要由登录、注册、QQ 联系、导航栏、人气单品推荐、衣服、鞋子、包包、配饰、客服热线等组成。以下是本网站的首页布局图:登录/注册 QQ 联系招牌导航栏导航 轮播动画 最新动态人气单品推荐衣服鞋子包包配饰售后以及联系方式图 3-1 首页布局图3.导航栏本网站导航主要以玫红色为主,展现了整个网站的风格与色调。导航采用 Javascript 做了下拉菜单,使浏览者能在最短时间内找到自己所需商品类目。导航如下图 3-2 所示:functionMM_showHideLayers() /v9.0var i,p,v,obj,args=MM_showHideLayers.arguments;9for (i=0; i图 3-2 下拉菜单4.QQ 在线作为一家导购网站,为及时了解消费者需求,搭建与网站客户的沟通渠道是非常有必要的。为此,本网站首页设置了 QQ 交谈,使用户在使用本网站时产生的问题能第一时间得到解决。图 3-3 QQ 交谈5.flash 动画效果网站中 flash 效果最大魅力在于可以真正实现动感和交互,因此,flash 动画是网页设计中不可或缺的内容。从浏览者的角度来10看,flash 动画效果比图文信息更具观赏性,更能抓住人们的眼球,能大大提升网站的艺术效果,从而有利于展示产品和企业形象宣传。本网站首页的轮播效果采用 flash 动画实现,如下图所示:图 3-4 首页 Flash 动画效果3.2 其他网页设计制作1.每日搭配页面本页面借鉴了蘑菇街搭配栏目下页面的布局模式,在页面中采用了服饰搭配效果图文与单品图文相结合的形式,让用户通过网站推荐的服饰搭配有目的的选择商品,增加用户的购买欲。浏览者通过浏览搭配图文信息,根据需要选择购买整套搭配服饰或单品。此外,在每款搭配商品图文信息下方增加了【推荐指数】 ,向浏览者展示搭配服饰在大众中的受欢迎程度,消费者可以根据这个指数来选择时下最流行的穿着风格。如下图所示:11图 3-5 每日搭配2.搭配详情页面本详情页面借鉴了淘宝宝贝详情页面的布局模式,在页面的产品展示位置展示搭配服饰的整体效果图,在其右侧,分为两个信息部分,上方主要对该搭配服饰进行简单介绍了风格说明,以方便浏览者选择。下方则采用缩略图的方式分别将各单品进行展示,并通过【立即购买】链接到淘宝单品页面,使得浏览者在线即时购买商品。如下图所示:图 3-6 搭配导购效果图12图 3-7 淘宝详情页面效果图网页下部通过同款推荐,将同类型的单品推荐给浏览者,以方便消费者挑选出更适合自己风格的服饰,紧跟时尚潮流,穿出属于自己的风格,自己的 style。如下图所示:图 3-8 搭配导购3.单品详情页面本详情页面借鉴了天猫宝贝详情页面的布局模式,在页面的产品展示位置展示商品的整体效果图,在其右侧,分为两个信息部分,13上方主要对该搭配服饰进行简单介绍了风格说明、价格促销以及卖家信誉等信息,以方便浏览者选择。下方则通过【去天猫购买】链接到天猫单品页面,使得浏览者在线即时购买商品。如下图所示:图 3-9 单品导购页面效果图图 3-10 天猫详情页面效果图14第 4 章 时尚淘导购网站推广4.1 搜索引擎推广搜索引擎是常用的互联网服务之一,基本功能是为用户查询信息提供方便。常见的搜索引擎推广方法有:登录分类目录、搜索引擎优化、关键词广告、关键词竞价排名、网页内容定位广告等。其中关键词广告、关键词竞价排名和网页内容定位广告一般需要支付高额费用,较适合资金雄厚的大型企业网站,对于中小型企业网站要视企业情况和营销预算而定。搜索引擎优化和登录免费的分类目录这些免费的搜索引擎推广方法则更适合中小型企业的电子商务网站。本网站通过 HTML 代码进行了简单的网站关键词与内容描述的优化,使网站更加容易被搜索引擎发现。图 4-1 搜索引擎优化4.2 电子邮件推广电子邮件推广主要以发送电子邮件为网站推广手段,常用的方法包括电子刊物、会员通讯、专业服务商的电子邮件广告等。其中专业服务商的电子邮件广告是通过第三方的用户 Email 列表发送产品服务信息,是需要付费的。多数企业采用电子刊物和会员通讯等免费途径来进行网站推广。这种方法通过会员注册信息、公开个人15资料等方式获得目标客户的 Email 列表,然后定期按 Email 列表发送产品广告和促销信息,也可以在邮件签名栏留下公司名称、网址和产品信息等。 本网站采用了邮件推广方式,对于新客户,明确的主题瞬间抓住客户的眼球,图片加文字的邮件正文使客户能更快的熟悉网站从而产生信任度。对于老客户,标题与正文都要能为客户带来利益,从而吸引客户购买。图 4-2 QQ 邮件4.3 IM 及时通讯工具推广即时通讯工具有 QQ、旺旺、泡泡、MSN、飞信等,利用资料、个性签名、建立网站用户群进行本网站形象及特色的宣传。例如:利用 qq 聊天工具,在节日或者是平常的日子里,给企业目标客户发送祝福短消息;利用 qq 空间,发送精美的节日贺卡,以公司的名义表达对客户的感激和祝福。将本人的个性签名改为网站名称,让更16多的客户知道公司。通过 qq 涂鸦表情进行链接的嵌入,发送一些很搞怪、很吸引人的图片,在小角落里将网站的网页链接嵌入。利用qq 群共享,上传一些对客户有帮助或者比较具有吸引力的资料或文件,以 word 文档的形式发布,在文件中设置公司 logo 作为水印,这样可以让别人下载回去或者保存到他们自己的中转站中给别人下载,起到了广泛宣传的作用。本网站采用了 QQ 个性签名推广方式,在个人资料上将个性签名修改成网站名称加网址,在与人聊天的过程当中,签名会直接显示在聊天窗口上,容易吸引眼球,是最简单也最容易产生效果的推广方式,适合本网站推广,产生更多流量。图 4-3 QQ 签名4.4 SNS 社区营销推广SNS 营销就是利用 SNS 网站的分享和共享功能,在六度空间理论的基础上实现的一种营销。通过病毒式传播(口碑传播)的手段,让产品被更多的人知道。现在流行的 SNS 网站有 Facebook、开心网、人人网、微博等。通过注册好友、加入相关的群组、每天更新日志、发起热门投票、高楼下留下脚印、炒作值得分享的热门话题等来进行营销推广。17本网站采用了微博推广方式,微博拥有大量的用户群体,是目前最时尚的即时通讯工具。首先要将微博定位成一个网站官方微博,然后在上网高峰期内,发布一条简单的网站介绍加图片或者网站活动的微博,与粉丝产生互动,拉近与客户的距离,即时获得反馈。图 4-4 微博4.5 其他营销方法1.论坛推广根据自己产品的特点,选择合适的、人气比较旺的、且与自己产品主题相符的论坛;其次,能否成功地传达自己想要传达的信息,关键在于论坛帖子的设计,可以利用头像和签名档适当进行宣传,也可以把博客中的文章转载到论坛里发布,并插入自己网站的超链接;第三,帖子发出后,如果不及时地跟踪维护的话,可能很快就沉下去了,尤其是人气很旺的论坛,因此,要及时地顶帖,使帖子始终处于论坛的首页,让更多的人能看到这些信息。本网站采用了论坛推广方式,论坛用户群体明确,选择一个适合本网站的论坛进行推广,效果事半功倍。为本网站选择了一个流18行时尚吧,开始进行签到回帖积累经验,然后开始发帖,每天对帖子进行更新,让帖子置顶使更多人看到。图 4-5 百度贴吧2.QQ 群推广加入到和网站相关用户交流的 qq 群,先在群里面让大家熟悉你,在平时聊天的时候自然加入你的链接,相当于让朋友帮你宣传一下你的网站,这样也不会被踢出群,在网站上有一定的知识学习,也推广了网站。本网站采用了 QQ 群推广方式,全国大概有 6 亿以上 QQ 号,人以类聚,物以群分。定位好营销对象,根据关键词添加 QQ 群,然后在群里聊天拉近关系,再慢慢发一些物美价廉的衣服图片,让人觉得你是不来发广告的,只是推荐一些好的东西给大家。19图 4-6 QQ 群20总 结毕业设计是我们每个大学生必须经历的一段过程,也是我们毕业前的一段珍贵回忆。一开始都觉得毕业设计是一个很困难的任务,大家都难免有一点畏惧之情,但是经过长时间的努力和积累,在老师的要求下不断的修改,我们都按要求完成了毕业设计。在此要感谢我的指导老师欧阳红巍老师,是在你的细心指导下,我才能够顺利的完成毕业设计。老师的意见总是很宝贵的,可以很好的指出我的不足以及需要怎样修改完善。通过这次毕业设计,我对网上商城又有了进一步的了解。随着科技的不断发展和网络的广泛普及,网上购物已经成为了时代的主流,各种网上交易商城建立,商品的多元化让人们挑花了眼,导购网的出现就顺应了发展。为顾客推荐最好的商品,最好的搭配,免去了大量的寻找商品时间。这次毕业设计是对我实际能力的一次提升,相信对我未来的学习和工作有很大的帮助。毕业在即,在工作实践中,除了提升适应工作要求的具体业务能力,还提高了和同学沟通交流的能力,团队协作的素质也得以培养,为走出校园融入社会做好了准备。21致 谢本论文是在我的指导老师欧阳红巍老师的悉心指导下完成的,欧阳老师严谨的教学态度和渊博的专业知识给了我极大的帮助和影响。不仅使我掌握了基本的专业知识,还让我明白了许多为人处世的道理。在此由衷感谢两年半来欧阳老师对我的关心和指导。感谢欧阳红巍老师、向明月老师、孙晓庆老师、龚芳老师、潘果老师等老师对我的教育和培养。他们细心指导我的学习,在此,我要向诸位老师表达诚挚的敬意。感谢我的同学黄芳、葛艳霞、李香、唐宝玉两年半来对我学习、生活的关心和帮助,非常感谢。感谢我的父亲、母亲,他们给予了我最无私的爱,为我的成长付出了许多许多,感谢他们对我的理解与支持。最后,祝福大家身体健康,幸福快乐。22参考文献1崔建成,卢杰.网页美工:网页设计与制作M.北京:电子工业出版社.2014,6.2丁士锋.网页制作与网站建设实战大全M.北京:清华大学出版社.2013.3喻浩. CSS+DIV 网页样式与布局从入门到精通M.清华大学出版社.2013.4于荷云.网站开发全程实例M.清华大学出版社.2012.5美Patrick McNeil 著.石华耀译.网页设计创意书M.人民邮电出版社. 2014.6张易轩.网络营销推广与实战宝典M.中国商业出版社.2014.7李东博. Dreamweaver+Flash+Photoshop 网页设计从入门到精通M.清华大学出版社.2013.毕业设计网 8刘贵国. 网页设计与网站建设M.清华大学出版社.2014.9李建忠. 电子商务网站建设与管理M.清华大学出版社.2012.10李海燕. DIV+CSS 布局与样式之网站设计基础M.清华大学
温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
提示  人人文库网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:时尚淘导购网站的设计与实现
链接地址:https://www.renrendoc.com/p-6446358.html

官方联系方式

2:不支持迅雷下载,请使用浏览器下载   
3:不支持QQ浏览器下载,请用其他浏览器   
4:下载后的文档和图纸-无水印   
5:文档经过压缩,下载后原文更清晰   
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

网站客服QQ:2881952447     

copyright@ 2020-2024  renrendoc.com 人人文库版权所有   联系电话:400-852-1180

备案号:蜀ICP备2022000484号-2       经营许可证: 川B2-20220663       公网安备川公网安备: 51019002004831号

本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知人人文库网,我们立即给予删除!