需求调研
产品策划
用户体验
UI设计
技术开发
上线运维
技术支持
实搜网络
——官网改版
实搜网络专注于网站建设、系统开发、网络推广和新媒体营销等互联网数字产品开发与服务。
项目背景
实搜网络专注于网站建设、系统开发、网络推广和新媒体营销等互联网数字产品开发与服务。我们为企事业单位提供全面的互联网整合营销解决方案，涵盖了网络品牌的策划、设计、制作、推广，以及维护和管理，为企业量身定制互联网解决方案。
旧网站调研
实搜旧官网和市面上大多数企业一样
都遇上了同样的问题
旧版网站截图
功能模块陈杂
导航栏栏目较多，各功能板块繁多，质量较差，呈现较为缭乱
规范不统一
原有的设计稿比较混乱，间距，颜色层级不统一，需要进行整理
用户体验不佳
交互逻辑及动效体验较差，用户获取信息效率低，营销属性过强
优化产品体验
优化首页结构布局，重新对页面服务分类
视觉设计陈旧
视觉风格不统一，整体呈现较为跳脱，廉价感较强
图标精致化
图标过于扁平，风格老旧，无法撑起页面
项目启动会
经过需求调研后，实搜项目组正式开启官网改版项目。
“我们用「探索」作为关键词并贯穿整个官网的设计，以此来激发各类访客的探索欲望，让访客对实搜官网品牌产生全新的认识和更深的了解。”
殷文龙
实搜网络项目经理
头脑风暴
我们深入探索创造力、开发思维和用户体验！
我们一起头脑风暴
在经过多次的项目会议研讨，我们总结出：
为了满足产品功能诉求，我们对信息进行拆分整合。同时完成视觉专业化的要求：突出品牌调性、视觉交互、建立系统规范，并在大一统的视觉语言体系下，进行相关设计延展。
·
视觉优化
优化视觉效果，丰富页面内容
·
功能优化
优化产品功能，降低使用难度
·
强化品牌
建立品牌特征，强化品牌记忆点
·
体验升级
完善体验流程，减少用户焦虑
01
01
品牌感知设计
风格情绪
色彩情绪在UI设计中的作用是表达情感、提升用户体验、情感调节和品牌形象等方面。通过设计具有情感共鸣的UI设计，可以让用户更好地体验和使用产品，提高用户的满意度和品牌忠诚度。
简洁
Concise
专业
Major
高效
Efficient
舒适
Comfort
色彩规范
色彩规范统一
为了更直观传达品牌特性，我们进行了取舍，最终选择简约、科技、未来的色彩体系“实搜蓝”作为整体官网的基调，并且贯穿运用到网页模块、内容排版中，形成了页面整体的统一。
#0B56A7
实搜蓝
实搜蓝
#F6AB00
#F1F2F3
#FFFFFF
栅格系统
栅格系统
让功能更规范化
3D图标
3D图标风格统一
在品牌基因基础上，延展出专属于实搜的品牌图形系统。
在应用环境出发结合品牌色、品牌字体等，来呈现实搜的整体视觉感受，以保留行业特性
实现整个网站的风格统一。
统一采用摄像机
平行视角进行投射方式
平行视角进行投射方式
科技
精致
3D
突破传统设计风格
用更具辨识度的3D设计
用更具辨识度的3D设计
文案
文案
强化品牌感知，文案的力量无可替代。
我们根据企业文化宗旨，把悉心凝练过的文案与图像融合于一体达到更有效的信息传播。
02
02
视觉交互视觉交互
交互
让用户行为感知一致
视觉传达设计中的交互主要表现在信息传递、情感沟通、用户参与三个方面。
以“人”出发，关注用户问题与用户体验，根据素材整合，我们通过页面的微交互、产品细节、原理的动态，
呈现、产品页框架、布局等方向，给访客提供高效的服务体验，确保行为与感知的一致。
悬浮层
固定类
用户参与类
重在细节
我们把美的东西都放在了细节里
这种设计上的克制反而能体现出高级感
03
03
首页价值设计
首页设计
强化品牌符号，体现首页价值
网站带给访客的印象非常重要，所以对于首页设计，关键是要加强品牌符号体现，采用对logo图标的合理应用，对品牌色的强调，以及在细节上作了弧度处理，尽在展示品牌符号，给予访客尽可能直观的信息感知。
重新划分信息等级，提升阅读率
根据旧网站分析出：服务内容的重要性，并对网站整体重新了规划，划分等级。 从页面整体出发，通过对信息等级划分及合理布局，精简了官网首页展示版块，提高对浏览者的需求为导火线，充分展现网站新形象，优化各个展示板块，也促使了提升访客阅读效率。
内容信息精简
对网站资料进行整理中发现，首页内容要精简模块，减少楼层堆砌，彰显实力，提高信息精准度，让用户产生兴趣。 我们希望用户的浏览网站的过程中，可以因为一个标题被吸引，和相应的图标交互结合，明白我们所提供的服务，并了解我们可以给他带来的价值。
合理视觉动线
简单高效的浏览顺序，利于用户快速了解网站信息，降低对内容理解负担，因此网站内页采用符合用户的浏览习惯的合理视觉动线。
强化品牌符号，体现首页价值
网站带给访客的印象非常重要，所以对于首页设计，关键是要加强品牌符号体现，采用对logo图标的合理应用，对品牌色的强调，以及在细节上作了弧度处理，尽在展示品牌符号，给予访客尽可能直观的信息感知。
重新划分信息优先级，提升阅读率
根据旧网站分析出：服务内容的重要性，并对网站整体重新了规划，划分优先级。 从页面整体出发，通过对信息等级划分及合理布局，精简了官网首页展示版块，提高对浏览者的需求为导火线，充分展现网站新形象，优化各个展示板块，也促使了提升访客阅读效率。
内容信息精简
对网站资料进行整理中发现，首页内容要精简模块，减少楼层堆砌，彰显实力，提高信息精准度，让用户产生兴趣。 我们希望用户的浏览网站的过程中，可以因为一个标题被吸引，和相应的图标交互结合，明白我们所提供的服务，并了解我们可以给他带来的价值。
合理视觉动线
简单高效的浏览顺序，利于用户快速了解网站信息，降低对内容理解负担，因此网站内页采用符合用户的浏览习惯的合理视觉动线。
动效设计
用户界面上所有运动的效果，是界面设计与动态设计的结合，让实搜网站的使用更加符合现实生活中的认知习惯，提升产品体验。
品牌展示动效
将有趣的动态图形与品牌相结合，
让原本生硬的产品形象变得有趣生动，拉近访客与实搜之间的距离。
展示型动效
通过文字和圆形的结合，引发此动效，
最大作用为访客制造视觉上的愉悦，营造新颖的视觉体验。
多页面交互动效
通过不同页面之间的交互动画，其实就是页面的跳转，
用进场动画来做过度，
能够帮助用户理解前后页面的逻辑关系。
04
04
模块化设计
导航设计
为了契合品牌符号的统一，导航设计采用了极少用到的滚轮导航，与品牌logo的搭配相得益彰，为实搜网站添加一笔巧用的设计。
案例列表
在展示案例页面中，采用视频，图片及手机的形式进行展示，这样更能充分展现案例的优势，浏览的时候你甚至会感到这是一场视觉盛宴。
