核能集团英文门户网站改版设计 发表于:2024-04-20

交互设计 | UI设计

01 定义风格

调整主色,更加符合企业品牌理念

主色选择了更具科技感、专业感的蓝色,符合行业特点,同时增添沉稳大气的感受;绿色辅助色本身具有环保公益的属性,两种颜色搭配凸显了品牌的行业特点以及企业使命。

调整框架,划分内容层级

通过优化布局和导航结构,用户可以更轻松、更直观地找到所需信息。调整布局和元素大小,可以更有效地突出重要内容,引导用户关注。统一的视觉风格和布局有助于增强品牌形象,提升用户对网站的信任感。

02 调整框架结构

确定各模块功能及内容

首页

快速抓住用户眼球,提供便捷沟通方式,促成业务沟通;

产品与服务

业务、服务、产品介绍;

关于我们

我们是谁,我们的能力;

专题热点

专业团队实力、社会责任、为用户建立信心,取得信任;

联系我们

快速建立联系

信息架构调整

将原来的通知公告收起右上方,联系我们作为悬浮窗放在右侧,简化页面的复杂程度,降低因信息过多造成的用户心理负担;

增加了治理架构模块;

同时也底栏增加了飞书、微信、微博等联系方式(后期可扩展)方便用户联系我们。

03 视觉设计

信息架构

规划网站的内容结构,确保信息层次清晰、逻辑性强,便于用户快速找到所需信息。;

交互设计

优化按钮、表单、弹窗等交互元素的设计,提升用户与网站的互动体验。;