一、项目背景
千图网是中国素材最多的网站之一,拥有989万张作品,每周新增作品11,684张作品,同时拥有4000万设计师用户,平均日活用户45多万,我们拥有如此之大的体量(流量与用户量),但是我们在用户与市场中的品牌形象确很模糊,未能在市场中找到强烈而明确的位置和口碑认知,这正是触动我们思考并尝试去「品牌升级」的第一初衷:改变市场和消费者对我们的品牌认知,藉由此来同步升级整个产品价值和产品体验。
为什么要改版升级,老网站存在哪些问题
1、产品定位发生改变
千图网之前一直是打着免费素材下载的口号,用户的认知也是对这个网站只是下载素材的一个工具性网站,2017年,我们把自己定义为广大设计师提供创意设计服务的一个平台,同时我们也发现办公领域与设计领域也有很多交集,所以我们的产品定位为:打造国内领先的设计&办公创意服务平台
2、用户需求升级
用户除了网站找素材或者模板外,对高质量与版权化的作品的需求更加频繁了,而且对于办公方面的需求也有增加,比如PPT模板,简历模板,还有新媒体社交平台的配图,这些都是新兴的需求!
3、品牌定位模糊
品牌识别度低,市场声音小
4、老版本的视觉问题:
4.1网站界面整体设计样式比较陈旧,界面风格不够简洁大气
4.2网站组织构架不够清晰明了,子分类比较多,信息层级关系的处理欠妥
4.3搜索关键词分类需要更好的归类整理
4.4网站视觉规范不统一,用户视觉体验度差
二、改版升级前的准备工作
定义问题
1. 品牌问题&困境
升级前,我们团队一起在「在线客服消息记录」里寻找用户的挑战和责骂,我们收集大量用户反馈,聚类研究得出,千图的形象标签:传统而落伍、设计素材、下载站、风格陈旧、内容杂乱、质量参差不齐、廉价夹杂盗版、搜索结果不准。
通过把这些问题归类整理后,我们总结出的我们品牌的问题:
2. 目标用户群体分层
我们都知道来千图网的目标用户群体大多是设计师群体,但是需要更加进一步细分用户群体,了解用户行为特性,并且需要对目标用户群体分层,更加个性化的满足各个层次阶段的用户需求!
通过用研人员的调查与抽样典型用户进行一对一线上访谈,同时结合网站后台大数据的分析发现我们的目标用户群体有这些:
数据来源:于千图网【互联网行业】-用户职业分布报告
综上,平台现有用户中:设计师群体居多,占了80.8%,
数据来源:百度统计
网站目标用户群体整体偏年轻化,年龄主要集中在20—39岁,学历集中在高中以上水平。
用户人群细分为:
数据显示千图网平面设计师、电商设计师等全行业设计师用户,足足两千多万人,他们日常寻找创意灵感、下载成品用以提高效率,同时我们的用户已经渗透到各行各业的办公人群,尤其是互联网办公人群、高校师生、党政办公人群。
建立简单的用户画像模型
3. 定义品牌
通过前面对于千图网品牌问题的分析与归纳,并且对网站目标用户群体的细分,思路用户的对产品的诉求,我们最终确定了千图网的品牌定位:国内领先的设计&办公创意服务平台
设计改版之前,我们分析了品牌问题与困境,细分了目标用户群体,了解了用户分布与特性,从而确定了千图网的品牌定位:国内领先的设计&办公创意服务平台。
通过这些准备工作,让我们接下来的品牌升级执行更加目标明确,清晰,也更加有说服力。
首先,先从「VI 识别」上确定我们的未来形象。结合品牌部门的语言形象,我们整体透视了千图网未来的模样。以「全国领先的设计&办公创意服务平台」为定位、「轻松设计,高效办公」为口号的全新千图网,最先走进我们团队成员的脑海。
三、品牌识别系统(VI)升级策略
1.品牌关键词的搜索
首先对品牌形象的关键词发散:年轻,活力,个性,专业,丰富,激情
最终确定的品牌情感关键词:年轻,活力,高效
2. 确定品牌主色
通过品牌情感关键词的提炼,我们知道需要给用户展示千图网年轻,有活力,有个性的品牌形象,同时产品设计体验上中应该是简洁明了,层次清晰的高效浏览体验。
品牌三原色:视觉与产品重塑理念
活力橙:年轻自然(年轻 就是要改变)个性生机 缤纷丰富 贴心愉悦
办公蓝: 简化统一(有限时间 无限可能)高效专注 扁平无框 简洁缓和
品牌绿:亲切突出(今天起 我们更懂你)轻量渐变 呼应潮流 高效浏览
3.品牌传播与扩散
3.1品牌标志组合方式:
3.2品牌辅助图案延展:
同心圆图案,代表多元化,丰富性,同时同心圆有无限的可能性,代表创造性与灵感的迸发!
3.3. 应用设计
四、产品设计改版升级策略
设计体验方向
根据公司品牌策略、业务、人群的变化,以及千图网全新的品牌形象相呼应,我们进行千图网的官网进行改版,希望以此更加加大用户对我们品牌形象与定位的认知,同时提升官网的用户体验。以设计部三大策略:认知统一、内容吸引、品牌基因渗透,作为高层次体验的指引。
认知统一
老网站风格陈旧,样式多样,没有统一的视觉规范与交互规范,比如网站的头部样式就比较多样,还有一些按钮的样式也是五花八门,这次改版通过减少过多结构样式的表达,保持一定的韵律感和统一性,给用户内容丰富但结构简明的视觉认知。
内容至上
当今互联网行业的竞争更加聚焦于高品质内容本身的竞争上了,无论是从短视频的MCN(国外成熟的网红经济运作)模式还是国内的各头条APP的竞争上都不难发现,所以产品设计体检中应该坚持内容至上的原则,除去一切不必要的设计装饰元素,减少对用户干扰,同时从业务和用户角度考虑,打造主次分明,流畅的内容浏览体验,以及内容的场景化氛围营造。
品牌基因渗透
为了更好的给用户传达千图的品牌形象:年轻,活力,高效的形象标签,需要我们把这种品牌基因渗透到我们新改版的官网的各个角落,通过单点设计元素组成系列形成一套设计规范语言,全面链路的应用设计样式/组件DNA,形成千图产品自身设计语言风格,共建完成统一的视觉体验,给用户统一的品牌认知。
设计方案思路
竞品分析
竞品对象:国内的与千图业务模式类似的有昵图,花瓣,海洛创意,视觉中国,国外的有shutterstock,gettyimages,pinterest
通过对以上竞品的分析与信息框架的拆解分析,我们总结以下几个点:
1.导航信息有主次等级,只把主要的功能导航展示出来,次要的采用隐藏或者弱化等级(遵循神器的5±2原则,减少用户的选择干扰)
2.重搜索功能,页面呈流线型视觉流,主要以内容为驱动,突出高清精品素材为主
3.页面适当的留白,然后页面有呼吸感透气感,让页面浏览起来更加高效与愉悦!
如何进行官网改版
1.信息框架整理
重新梳理框架结构,整理信息层级关系,做分类归纳与整合
2.视觉统一化系统化
突出品牌调性,坚持以内容为中心的无框设计
3.制定统一的交互规范
统一交互样式,交互规范
改版中遇到的问题
设计DEMO稿与实际上线效果不符
设计demo里面的图片选择的比较有格调,但是上线后网站素材有900多万,各种质量与风格的图片都有,没有很好的考虑到真实场景与内容的一个情况,让我们明白要想让demo稿不只是概念稿就应该让设计去适应内容,而不是让内容适应设计,这也是内容至上的原则。
五、小结
这次改版可以说是一次很大的改动,首先出千图网品牌形象升级,然后再到网站官网改版升级,在这次大型的以产品设计驱动的改版中,也让自己得到更多的成长,特别是对培养自己的产品设计思维与团队个协调沟通能力都有很大的提升!
千图网将始终坚持以用户为中心的价值观,坚持以内容为中心的用户体验设计原则,秉承人人都是用户体验设计师的理念,为我们的用户解决真正的体验问题!
2017年 是千图的革新年,2018 是千图的蜕变年,让我们与你一起成长,一起蜕变!