欢迎到早读课投稿，投稿邮箱：[email protected]

　　紫光华宇是一家非常人性化的企业（紫光输入法，主要面向B2B领域），有幸之前全面负责了集团官方网站、招聘网站web、M、APP等全面改版工作。从品牌传承、潮流产品设计与用户服务3大维度思考平台级产品思维、营销思维和用户服务思维！

　　引言：莎士比亚有一句名言：一千个人心中有一千个哈姆雷特，作为企业形象窗口的官方网站，它的镜子效应更是非常显现，碎片化意见显得更为丰富多样。官网的全新改版往往是牵一发而动全身，不仅影响着用户，更影响着企业本身，如何能够在有效的延续华宇连续13年高速成长的品牌基因，整合来自内外部的需求与碎片化意见，并以未来计，能够兼容未来网页设计趋势与用户服务，如此种种，都是本次改版的重中之重。

　　根据上图马斯洛需求层次理论，安全需求、社交需求往往是用户关注的特征点，基于此，并在结合对官网内外部访问用户的调研，官网改版将具体落实到以下3个维度进行推进。

　　一、品牌基因的传承

　　华宇品牌基因中包含了正直、奋进、善群、质朴、虚怀、性坚、奉献、卓尔、担当等华宇的文化特征，在新版官网设计过程中，项目组多次讨论，同时听取了华宇VI设计单位品牌专家的意见，期望在网页的每个细节中融入这些内容，凸显华宇大气稳重而又不失活力、整体简洁而又细节到位的蕴涵，表达出华宇专业的品质与用心的服务。

　　1.色彩方面

　　色彩是品牌冲击力非常有效的表征，华宇从诞生至今，蓝色已成为华宇品牌的形象说明符，色彩的延续便是对品牌的最佳体现，在新版设计中，官网以稳重、科技感强的蓝色调为主，搭配醒目、简洁有力的白色，蓝白色彩的使用比例巧妙协调，示例：

　　2.辅助形象

　　辅助形象的引用在新版的官网设计中，是一个新颖亮点，但在设计过程中如何融入这个元素却需要非常慎重，辅助形象使用的范围太广，将会影响网站整体的风格，造成混乱，喧宾夺主。最终根据华宇VI专家的意见，在网站banner及其各栏目中的图片设计中植入扁平化形象。

　　3.设计元素，少即是多

　　设计元素：“少即是多”是品牌营销过程中往往需要表达的印象，同时也是网页设计的最新理念，在新版的设计过程中，设计团队吸取了这个理念，所有页面保持“用最少的元素来实现最纯粹的表达”，将单纯简洁的色彩作为主要元素，在面积与构成中，侧重留白和空间感。以荣誉资质为例，通过大幅情景图片+简洁的布局来展现企业的历史沉淀，同时在空间感上冲击力更强，更能提升华宇的品牌形象，引人入胜。

　　二、产品初体验与潮流设计

　　首页的作用是彰显品牌，彰显企业的整体风格，是网站的新闻发言人！代表了网站乃至企业的性格。所以下面用首页的交互设计思路来说明集团官网整体设计的核心理念。

　　1.首页交互核心：给我选择or帮我选择？

　　在用户面前，如何把华宇丰富精彩的资讯用合理的、有效的交互策略展现给用户，并直接转化为点击，是站点设计过程中首先需要考虑的问题。与媒体等其他网站不同，企业网站在信息呈现层次方面是单一的，不会像媒体那样多元化，那样复杂，企业网站有其独特的用户浏览习惯。

　　大家选择时考虑的维度主要集中在几个方面：

用户进入首页的场景（需求）；

浏览习惯；

视觉层面的冲击力；

　　具体来看两种页面布局策略：

　　A方案：帮我选择，强烈突出推荐主题内容；

　　B方案：给我选择，尽量多呈现不同内容；