Sedai的云服务产品网站设计,用紫色发光核心表达技术感,又用来电、成本柱图和检查列表分别讲不同话题。它没有让所有信息都长成一张抽象插画:品牌气氛保持一致,读者关注的问题却各有画面。
核心结论
- 发光核心与轨道提供记忆点,单一按钮让首屏继续阅读的方向清楚。
- 三个广告围绕财务、成本和机制分别展开,图形与按钮文案互相对应。
- 白色预约表单降低视觉密度,按钮直接说明下一步选择日期时间。
一个核心形体,给首屏留出空间
平板页面上方是安全主题标题,中央是一颗发光球体与几层半透明轨道,右侧还出现Prediction Layer。紫色渐变由深到浅,细线和小圆点围绕核心展开,让“有多层结构”的印象变得可见。
下方See why是一个深紫色圆角按钮。首屏的标题、图形与入口沿中轴排列,没有同时铺满一排功能小卡。阅读节奏很明确:先认出主张,再决定是否继续了解原因。
界达设计认为,这种表达适合尚需解释的技术产品。形体能让人记住品牌,却不能独自说明工作机制。后续页面最好把图上的层次转成具体名称、条件和示例,才能把首屏的兴趣继续往下带。图中安全文案属于宣传表达,不能因画面完整就认定已得到验证。

三个话题,三种具体画面
广告组的左卡用手机来电表现CFO话题,按钮写Scale Smart。来电横条、接听符号和大时间数字都很熟悉,企业财务关注因此有了一个具体视觉入口。它比只画一组云朵更接近日常沟通。
中卡用月份堆叠柱表现成本,红色Waste叠在紫色Usage上,图例位于右下方,按钮写See how much。颜色与文字一同区分构成,读者不用从柱高猜哪一部分在被讨论。图上金额和强烈宣传语仍是示意文案,不能视为访客账单或已核实节省比例。
右卡改用Successful标签和检查步骤,按钮则是How It Works。三张卡的紫色背景、白色标题与圆角按钮保持一致,内容却分别回答不同疑问。适合借鉴的是这种配合:相同品牌语言容纳不同阅读任务,落地页再继续对应原来的话题。

预约时,让表单安静下来
Book Your Demo表单改用白底,外面是浅紫背景,姓名和业务邮箱以三条浅色输入框排列。深紫色主按钮放在底部,和之前的紫色品牌相接,却没有继续使用复杂发光图形。填写资料时,文字和字段成为主角。
First Name、Last Name和Business Email都有必填标记,按钮明确写Select Date & Time。这个文案比模糊的提交更具体:填写联络资料后,仍要进入时间选择。右上角关闭按钮也有自己的位置,没有与主动作竞争。
后续可以补充演示内容和时区,并在确认页重复日期、时间与联络信息。图中只展示预约前一段,不能判断已完成预约。对于B2B产品营销页面,表单短固然方便,下一步预期清楚同样重要。

常见问题
技术产品适合用抽象主视觉吗?
可以用来形成品牌印象,但后续应有清楚的机制和条件说明。Sedai的首屏留了See why,读者有继续了解的方向;抽象图形本身不能证明功能或安全性。
多个广告入口可以去同一页面吗?
可以共享框架,但应保留各自话题。成本入口继续解释构成,机制入口继续讲步骤与条件,会比统一重复首页口号更容易阅读。
设计检查清单
- 把每张广告的图形、标题和按钮对应成一个问题。
- 区分示意成本图与真实业务资料。
- 检查预约按钮是否准确说明下一步任务。
云产品很难在首页讲明白?
如果你的企业产品涉及成本、机制和演示沟通,可以先把访客问题拆成几条清楚的内容线,再统一视觉和预约入口。欢迎带着产品资料讨论网站结构与页面设计。
界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可以一起梳理界面、内容和开发需求。