EternaCloud 用设备场景、光感渐变和细线表达技术服务。技术服务网站设计的任务，是把这份技术印象接到客户能够讨论的范围：在哪个阶段介入，围绕哪些资料协作，最后交付什么。画面中的两组阶段与流程对象为此提供了不同线索。
业务阶段帮助访客先找到位置
深色首页从主张与放射式渐变进入 Where we fit，再排列 Pre-Construction、Construction、Operations、Retrofit 四张卡。标签位置和卡片尺寸保持一致，后方的彩色曲线把它们连接起来，表达服务贯穿不同业务阶段的关系。
Construction 卡片的顶部亮起，并出现 See what we do，选中状态因此有了明确的视觉焦点。卡片短句分别描述变更、依赖、运营与改造等问题，可以帮助访客初步判断自己属于哪一段。进一步内容适合补充适用条件、需要准备的资料和工作输出，让阶段名称继续承担导航作用。
JVDS 更偏好让阶段入口带着当前问题进入详情或联系页面，使咨询起点具体。通用的 See what we do 也可以围绕选中阶段写得更明确，让读者知道下一页要了解什么。
流程动词后面的对象使协作有内容
浅色流程页用 Secures、Aligns、Validates、Curates 四个动词逐步升高，下面分别列出 requirements、stakeholders、details、deliverables 等对象。小圆点、竖线和渐变曲线保持连续感，文字则让抽象的“协作”出现了可以核对的资料与工作对象。
动词负责概括方向，对象清单负责补充内容，两层同时出现比单独放大流程名称更有解释力。还可以继续说明哪些资料由客户提供、哪些内容由服务方整理、哪些阶段需要双方确认。这样，列表中的词能转成实际沟通的问题，而不仅是品牌语汇。
曲线与四列信息相互留出空地，浅色底也适合细读。若需要在较窄页面重排，保留每个动词与其对象的归属，比复制桌面的高低造型更重要。
服务页的阶段与对照应保持对应
服务页先以设备模型建立工作语境，再进入 Design、Onboarding、Delivery、Deployment 四卡，Onboarding 突出 See what you get。它们更靠近服务动作，与首页的项目阶段形成另一种分类方式；说明两组词如何对应，可以让读者持续理解同一业务。
下方从深色转入浅色，灰叉与紫勾卡片分列在渐变圆形两侧。资料分散与有语境的资料、重复核对与持续确认要求等形成对照，适合帮助客户理解服务要回应哪些困难。对照最好围绕相同对象展开，并补充具体工作方式，使右侧的期望状态有可讨论的依据。
这套页面的优势是让技术视觉与细读区域交替出现。渐变和模型建立识别，阶段、对象与对应关系负责说明合作，二者结合才能让网站支持选择服务的任务。
让技术服务的范围可以被比较和讨论
如果你的技术品牌需要解释跨阶段服务、协作方式和交付内容，可以从客户所处阶段组织入口，再把工作对象接到详情与咨询路径。
界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可协助规划技术服务网站、业务说明和需求联系页面。
