改版动机
对于平台界面设计来说,不论是审美和功能都需要不断地进行更新迭代,满足业务需求同时在竞争激烈的互联网+时代站稳脚跟。本次2.0瑶台官网的迭代与以往不同的是,本次除了对平台框架进行了调整以外,品牌的设计语言也进行了重新定义。
一、业务需要
1、瑶台发展阶段
随着瑶台平台能力不断丰富,各种类型的商业活动举办获得了客户良好的评价,用户量递增,需要运营和更多维度内容展示,承接流量。
2、瑶台商业模式的扩增
1.0版本的瑶台官网获得客户,主要以提供联系方式等待客户主动联系的方式,另有限的人力进行推广和客户对接,随着瑶台流量的不断涌入,开放入口让更多合作伙伴加入瑶台,在一定程度上能够帮助瑶台未来的推广和产能;2.0的瑶台不仅仅需要体现平台功能定位和硬实力,更大的责任是链接客户和帮助客户顺利进行参会。
二、设计推动
1、建立全新的品牌形象、重新定义
2、设计语言的变化
新品牌具有足够包容度去适配瑶台产品的气质、让受众能感受到品牌的温润、包容、沉稳,所以官网设计语言需要和新品牌所承载的精神气质相契合,体现科技和包容度。
改版过程和思考
一、方向探索(发现问题)
主要存在以下问题:
1、框架传统、信息承载量少
2、视觉陈旧、缺乏品牌调性
二、结构设计(页面结构、视觉层级优化)
优秀TOB官网首页信息内容基本会包含:首焦——通常展示企业产品/服务,给用户一个初步印象;核心业务——展示企业的核心价值,差异化的竞争优势,同下一板块的产品介绍,给用户一个深刻的印象;产品的详细功能、应用场景的展示让用户更加了解产品,做出心理预期,是否满足了用户的诉求。通过对产品的功能介绍,优势显现,让客户对产品的服务产生认知和认可,进而完成申请使用,从而也完成企业品牌价值的传递。得出叙述路径:产品初识→加深了解→强化认知→打消疑虑→转化等针对瑶台产品特性和内部同学整理出信息结构:首页的内容往简洁精准打造,开门见山且吸睛,所以只保留介绍/功能入口+技术案例展示+转化主要模块,把长逻辑叙事的基本内容放在了数字活动页里进行完整展示。
【首页】最终信息结构:
其他页面:
三、品牌记忆点
色彩偏向:中性、均衡
2.0调整方向:由原本的古风设计变为现在的流体概念设计,体现传承共融,更包容,更丰富,更广大深远
由此重新定义官网风格,从整体的改版方向和布局调整使其更符合设计目标,锁定几个衍生关键词:大气、共融、科技
结合logo颜色色域,以及瑶台品牌的定位,尝试了多个颜色进行对比,最终确定使用#7566F5 作为主色,镭射绿色-蓝色-紫色作为可提取的主色色域
图标设计:采用品牌色紫色以及同类色渐变作为重点色,结合毛玻璃材质设计增加透气性
2、品牌延展
3、场景应用
结合之前对瑶台产品的气质的提炼(温润、包容、沉稳)
包容——使用宽广场景对场景丰富的提炼
温润——景物元素上多处使用柔软的线条和形体来体现
沉稳——大面积使用白模素体,仅在核心和点缀元素上来体现品牌色,做到克制有度,大气沉稳
秉着对瑶台产品核心的提炼,开始构思完整的三维场景和色调氛围,对场景的构建思路是由繁到简的过程
加深品牌记忆:「官网首页」是承接流量的门户页面,「关于我们」是主瑶台平台介绍页,为了加深用户对瑶台品牌的记忆,都选择用瑶台logo作为banner的主体呈现
本次从三个方面进行定位实现场景统一
1、大背景整体的搭建上需要简洁,使用大块面的几何和层叠效果进行表现
2、在主体元素设计上保持统一的繁简层度,另外主体元素需要精准表达
3、材质质感表现上需要有渐变、毛玻璃、透感等三个方面的表现,整体使用70-80%的白模+20%左右特殊材质进行表现,由于整体画面淡色,所以特殊材质在画面分布需要严格的考虑视觉平衡
例如:我们在数字活动页在技术案例展示这块使用多图轮播的形式进行,最后一屏“开启”元宇宙营销新方向,在表现方式上从大图收缩到文字里剪影进行交互展示
改版结果
一、埋点与数据分析
二、未来展望

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。