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