“云加”万里信,共赴山海约,解密协同云官网设计之路

门户的设计改版是怎样的?本文从浪潮海岳云加案例出发,手把手带你认识完整系统的门户设计升级。

一、升级背景

1、云加官网作为云加产品对外唯一官方门户,承载整个云加业务售前及售中的核心渠道,是用户接触云加产品的重要渠道之一;

2、云加是浪潮集团结合人工智能、大数据等最新技术推出的一款协同办公产品,线上页面风格元素在快速更迭互联网背景下较落后,所以本次视觉设计重要使命之一是探索前沿的设计趋势,对云加品牌风格进行全新升级;

3、随着云加的不断发展,用户群体及业务的扩大,原有官网内容架构单一无法打动用户查看转化,根据用户浏览和阅读习惯对官网首页内容进行结构上的调整和更新。

二、设计分析

1、发现设计问题

首页信息量大,有首屏广告位、产品功能展示、产品特性亮点、服务案例、下载专区等,展示更多使其抓住用户感兴趣内容点,最终形成有效转化,但旧版官网除了首屏 Banner 区和产品功能介绍外,其它信息屏效较低,我们提供了这么多信息在首页是用户想看的吗?

2、明确改版目标

(1)框架层。重建全新的官网框架内容和设计,让用户更全面的了解产品,展现公司专业、安全、可靠形象,同时提供用户与企业的沟通平台,降低获客成本,提升潜在客户留存与转化率;
(2)内容层。使产品能够快速在线上曝光与迭代,提高公司产品热度,减少广告营销成本;帮助开发者方便高效的自主操作即时发布;
(3)视觉层。提高云加品牌辨识度,传递“以人为本、资源整合”的产品理念;建立品牌影响力,感知客户,服务客户,成就客户。

3、设计关键词提取
(1)头脑风暴 设计之前小组进行了几轮脑暴,结合自身品牌、用户分析、产品功能亮点等,抛出议题:“你认为的云加”应该有哪些关键词组成?

通过系列关键词和产品特性,从体量和角色分析总结出了“更好用”作为第一个关键词;基于产品的定位和愿景总结出了第二个关键词:更高效。
(2)收集情绪版 情绪版是辅助展现最终视觉表达效果,帮助设计师找到合适的视觉演进方向。

通过情绪版提取视觉应用部分,结合品牌调性,遵循格式塔原则(对齐、对比、亲密、重复)和视觉五要素(色彩、空间、字体、图标、图片),最终视觉风格基调为:轻盈、微质感的浅色科技风格;通过 3D 几何、发光弥散、透明空间进行多元组合。

三、升级设计

新版官网设计

(1)更好用 要让门户框架清晰合理就必须对用户角色进行分析:
第 1 类:潜在企业用户,到访目的是搜索、调研可靠长期的服务/产品;
第 2 类:售前用户,到访目的可能是搜索了解产品/下载产品个人测试使用;
第 3 类:开发者用户,到访目的是帮助开发者更准确、更快速的沟通和排查问题/快速定制开发使用; 在与产品确认内容版块,同时结合用户的需求,根据重要度、关系、次序进行信息的归纳与分析后,确认整个门户的信息架构。

对于首页,我们依据营销中的引入、成长、成熟、转化模型。首屏通过企业品牌slogan对用户视觉进行冲击,吸引用户继续浏览;再通过产品功能、特性亮点、应用场景和成功案例让用户对云加产品全面了解产生信任;通过前两步层层递进的宣导,使潜在客户产生初步合作意向后,最后自然给出联系及下载方式完成转化。
(2)更高效 我们对云加产品进行信息内容提炼,信息整合提炼优化,提升高价值信息的展示优先级,可视化产品亮点介绍,将繁杂的内容信息简洁化,实现高效信息传达。在官网的策划和设计上应该力求将繁杂的信息简洁化,将价值传递可视化,用更直观的形式呈现出品牌和产品价值。

(3)视觉设计 为了更直观传达品牌特性,视觉风格基调定为:轻盈、微质感的浅色科技风格,并且贯穿运用到门户模块、内容排版中,形成了页面整体的统一。
①统一色彩规范体系

②统一图形风格体系
重新设计了一整套更加符合云加产品的图标,不仅更能显出高级感,还能形成差异化,在官网的精致度上与其同行形成鲜明对比。

③统一图形氛围真实基调
整个门户的设计风格、色彩、排版均需要具备统一性,加强品牌符号形象。

采用精致极简、有层次和空间感的3D毛玻璃图形的设计手法,增强品牌科技质感和时尚感,契合云加产品智能化、品质强、可靠安全的特性,给用户传递科技感、未来感。通栏Banner,形成更大视觉冲击力;通过强化品牌化相关的视觉元素,激发用户对品牌认知感。
云加官网升级不仅呈现了产品核心价值,落地更是提高了用户体验,也提升了整体的品牌形象,其新官网彰显出云加强大的品牌行业影响力和竞争力。

点击访问→ 浪潮海岳云加

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/14397.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决GoLand无法Debug

goland 调试的的时候提示如下错误 WARNING: undefined behavior - version of Delve is too old for Go version 1.22.3 (maximum supported v 其实个原因是因为正在使用的Delve调试器版本太旧,无法兼容当前的Go语言版本1.22.3。Delve是Go语言的一个调试工具&#…

汽车标定技术(二十一)--英飞凌TC3xx的OLDA怎么玩?(1)

目录 1.英飞凌提出的OLDA是什么? 2.小结 1.英飞凌提出的OLDA是什么? 在研究TC3xx的内部总线互联时,偶然发现了OLDA(OnLine Data Acquisition),看名字就容易猜到,这个大概率是和标定测量系统有关。进一步了解OLDA的描述,更加好奇了: The OLDA is an address space whe…

构建稳健、高效与安全的企业级API网关

在现代企业信息化建设中,各种微服务架构系统以及不同类型的管理系统广泛兴起,平台中的数据安全逐渐成为企业重视的部分,在iPaaS系统中,一个名为“企业级API网关”的功能出现在大众眼中,随着企业信息化建设的不断深入&a…

vue3+ts+vant4 实现购物车 前端代码

一、功能效果 二、前端代码 购物车的vue代码 <template><van-nav-bar left-text"返回" title"购物车" click-left"onClickLeft"><template #right><van-popover v-model:show"showPopover" placement"bot…

Transormer(2)-位置编码

位置编码公式 偶数位置用sin,奇数位置用cos. d_model 表示token的维度&#xff1b;pos表示token在序列中的位置&#xff1b;i表示每个token编码的第i个位置&#xff0c;属于[0,d_model)。 torch实现 import math import torch from torch import nn from torch.autograd im…

移动云ECS主机:未来云计算的驱动力

文章目录 前言一、移动云云主机ECS云主机ECS产品优势云主机ECS产品功能云主机ECS应用场景 二、移动云云主机ECS选购三、移动云云主机ECS配置四、移动云云主机ECS牛刀小试五、移动云云主机ECS安装部署消息中间件RocketMQ云主机ECS安装RocketMQ云主机ECS配置RocketMQ云主机ECS启动…

ubuntu22部署Docker私有仓库Harbor (http https方式)

harbor日志&#xff1a;/var/log/harbor 前置安装配置 需先安装docker和docker-compose&#xff1a; 0.配置清华大学apt源并安装docker #信任 Docker 的 GPG 公钥: sudo apt-get install ca-certificates curl gnupg curl -fsSL https://download.docker.com/linux/ubunt…

网络安全快速入门(十五) linux用户管理

14.1 前言 前面我们已经大概了解了Linux的网络链接&#xff0c;今天我们来看看Linux用户管理的一些基础操作&#xff0c;话不多说&#xff0c;我们来开始吧&#xff01;&#xff01; 14.2 用户的基础知识 我们先了解一些有关linux用户的一些基础知识&#xff0c;我们从Linux用…

【运维项目经历|013】:VSFTP安全加固与性能优化项目

目录 项目名称 项目背景 项目目标 项目成果 我的角色与职责 我主要完成的工作内容 本次项目涉及的技术 本次项目遇到的问题与解决方法 本次项目中可能被面试官问到的技术性问题 问题1&#xff1a;什么是FTP&#xff1f; 问题2&#xff1a;什么是VSFTP&#xff1f; 问…

HQL面试题练习 —— 互相关注

目录 1 题目2 建表语句3 题解 1 题目 现有用户关注者列表记录表 t_user_follower&#xff0c;有两个字段&#xff0c;用户ID&#xff08;user_id&#xff09;&#xff0c;关注者列表&#xff08;follower_ids)&#xff0c;关注者列表中是关注用户的用户ID&#xff0c;数据样例如…

C语言--输入一个整数代表秒数,将这个数转化为对应的小时数、分钟数、和秒数

#include <stdio.h>int main() {int h,m,s;scanf("%d",&s);ms/60;//计算分钟数ss%60;//剩余的秒数hm/60;//计算小时数mm%60;//剩余的分钟数printf("%d %d %d\n",h,m,s); } //先将分钟数求出&#xff0c;再将多出的秒求出作为最后的打印的s //再用…

GESP 四级冲刺训练营(1):字符串

GESP 四级冲刺训练营&#xff1a;字符串 一、基本常识1. 功能函数2. 注意事项3. 输入输出3.1 输入3.2 输出 二、字符串算法1. 基础字符串1.1 回文字符串1.2 亲朋字符串 2. 尺取法求解2.1 尺取法公式2.2 最长小写子串 2.3 尺取法易错 三、拓展习题1. 相似字符串2. 两数之和 一、…

构建sqli-labs学习环境与掌握SQL注入技术教程

根据提供的文档内容&#xff0c;以下是关于安装sqli-labs学习环境和SQLI-LABS教学的详细步骤和知识点&#xff1a; 安装sqli-labs学习环境 环境准备 操作系统&#xff1a;CentOS 7.6主机名&#xff1a;xuegod63IP地址&#xff1a;192.168.1.63 关闭防火墙和SELinux 禁用并…

sharded jedis pipelined 执行后 数据并未存入redis

前言 因为历史原因&#xff0c;在某个同步菜单操作的方法中先清除缓存&#xff0c;然后在初始化缓存。本来很正常的逻辑&#xff0c;但是这个清除是db查询获取所有的菜单 然后循环一条条删除 然后在db查询有效的菜单操作 在循环一条条插进去 经统计这个菜单操作大概有个7千个 …

深度学习之基于MTCNN+Facenet的人脸识别身份认证系统

欢迎大家点赞、收藏、关注、评论啦 &#xff0c;由于篇幅有限&#xff0c;只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 一、项目背景与意义 随着信息技术的快速发展&#xff0c;身份认证技术在日常生活和工作中的重要性日益凸显。传统的…

TCP/UDP的连接机制

TCP/UDP的连接机制 TCP的连接机制 TCP&#xff08;Transmission Control Protocol&#xff09;是一种面向连接的协议&#xff0c;提供可靠的、按顺序的数据传输服务。TCP的连接机制包括连接建立、数据传输和连接终止。 1. 连接建立&#xff08;三次握手&#xff09; TCP通过…

民国漫画杂志《时代漫画》第19期.PDF

时代漫画19.PDF: https://url03.ctfile.com/f/1779803-1248634637-c04860?p9586 (访问密码: 9586) 《时代漫画》的杂志在1934年诞生了&#xff0c;截止1937年6月战争来临被迫停刊共发行了39期。 ps: 资源来源网络!

使用vue和element_ui搭建后端页面

使用vue和element_ui搭建后台管理页面 效果顶部和左侧内容固定&#xff0c;中间内容滚动 <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"&g…

汽车生产线中的工业机器人应用HT3S-PNS-ECS(EtherCAT/Profinet)协议转换通讯方案案例分析

汽车生产线中的工业机器人应用HT3S-PNS-ECS(EtherCAT/Profinet)协议转换通讯方案案例分析 ——北京中科易联科技有限公司供稿—— 一、摘要 随着工业自动化的快速发展&#xff0c;汽车生产线对工业机器人的依赖日益增加。HT3S-PNS-ECS作为工业机器人中的关键组件&#xff0c;其…

GPIO模拟spi时序点亮数码管

目录 spi.h spi.c main.c 实验效果 spi.h #ifndef __SPI_H__ #define __SPI_H__#include "stm32mp1xx_gpio.h" #include "stm32mp1xx_rcc.h"//spi初始化 void spi_init(); //spi写入数据 void spi_write(unsigned char data);#endif spi.c #include…