达卯智能 · 数字孪生与官网案例页 1 / 5
▶
CASE STUDY
达卯智能 · 品牌官网与客户案例页
网页设计能力专项案例 · 线上可访问
设计任务
把技术白皮书，
变成能读懂的官网案例页
达卯智能的客户案例页原本是术语密集的能源长文。我的任务：让电网侧客户 30 秒看懂方案价值，让普通访客先看懂「虚拟电厂是什么」。为此我交付了四件事：
1
信息架构重组把长文拆成「项目概述 → 能力模块 → 量化收益」三段式结构，每屏只讲一件事
2
视觉语言定义深色底 + 青色强调建立能源科技属性，统一标题字重、卡片描边与留白节奏
3
组件化页面项目卡、能力模块、收益象限沉淀为可复用区块，两类业务用 Tab 切换
4
三维视觉锚点以我制作的数字孪生三维画面贯穿全站，让抽象能源数据有可感知的载体
页面信息架构
L1 · 页面框架
客户案例页成功案例
↓
L2 · 业务切换（Tab）
能源网络
算力网络
↓
L3 · 内容模块
项目卡标题 + 概述
能力模块×4 组
↓
量化收益×4 组数据
标杆案例厦门运营商
视觉语言
深空底#0B0F14
能源青#2AD4B9
卡片层#1C2733
强调渐变Tab / 数据
成功案例
页面标题：超大字重、居中构图
正文舒步行距 · 模块标题用能源青强调 · 卡片统一描边圆角
关键页面 · 设计点标注
① 项目卡 + ② 能力模块左侧标杆项目卡，右侧四组能力点，扫读路径清晰
③ 量化收益 + ④ 标杆案例收益数据前置为四象限，收口于厦门运营商项目卡