智疗云
Healthcare × Website Builder机构运营端 · Web

让医疗建站,
每一步都清晰。

从第一份机构资料,到网站发布后的每一次优化。
将复杂的建站要求,转化为运营人员可理解、可完成的任务。

明亮的现代医疗接待空间,白灰色候诊区与浅木接待台
从医疗空间,到线上服务AI 概念视觉
项目定位医疗垂直建站平台
核心用户医疗机构运营人员
设计范围建站 / 审核 / 数据优化
当前阶段高保真视觉评审
智疗云 / 机构工作台预览
将进度、待办与数据放在同一张工作台,首先回答「现在该做什么」。完整查看 ↗
01 / Context & People

从机构的工作出发,
理解建站的复杂性。

中小医疗机构需要的不只是一个页面工具。机构信息、科室服务、内容审核与预约入口,需要在同一条工作流程中得到妥善安排。

医疗运营人员与医师共同查看平板上的工作内容,AI 生成的协作场景
工作场景意向 / AI 生成,非真实调研记录
场景观察 · 设计假设

一张网站背后,
是多角色的协作。

运营人员配置页面,医师提供专业内容,审核人员核查资料。让信息在角色之间清晰流转,是体验设计的一部分。

机构运营医师团队平台审核
Product context

有限的技术资源,多重运营任务

智疗云面向中小医疗机构,整合模板选择、页面编辑、审核发布与数据监控,降低操作门槛,支持网站的持续维护。

Primary user

机构运营人员

负责配置官网内容、提交审核及跟踪咨询与预约效果。设计首先服务于这位用户的日常任务。

协作角色 01

机构负责人

关注上线进度、角色权限和运营效果。

协作角色 02

平台审核与运维人员

完成资质与内容审核,维护模板和系统。

网站服务对象

患者与访客

浏览机构与服务信息,发起咨询或预约。

依据提供的项目材料梳理;用户角色由功能与流程推导,尚未通过独立用户研究验证。

02 / Problems → Design Goals

把四个问题,
落实为四个设计目标。

如何帮助缺少技术资源的运营人员完成建站,并在发布后持续优化?每项设计目标都对应一个可观察的任务结果。

01

场景不匹配

科室、医师和预约内容需要额外配置,通用模板难以直接满足医疗建站需求。

医疗场景,开箱可配

以机构类型组织模板,将常用医疗内容做成可配置组件。

02

审核要求难以落实

资料缺漏与内容问题发现得晚,退回后还需要重新寻找修改位置。

让问题可见,也可处理

把检查清单嵌入发布流程,让每条反馈都关联具体修改入口。

03

发布进度不够清楚

用户难以判断当前版本、所处阶段及下一步任务。

下一步,始终明确

区分草稿、审核和线上版本;保存状态与任务进度保持可见。

04

数据与行动脱节

看到咨询和预约变化后,仍需要自行寻找对应页面和优化位置。

从发现到修改,缩短路径

将页面指标与编辑入口关联,支持从异常提示进入页面优化。

03 / Information Architecture

围绕任务组织功能,
让入口各有归属。

机构运营端由六个模块构成。平台运维、备份和高级权限作为支撑能力说明,主界面聚焦建站与运营任务。

04 / Task Flow

顺畅的主线,
也为中断留下返回路径。

每个阶段都明确当前状态、下一步操作和恢复方式。修改形成新草稿,审核通过后由运营人员确认发布。

01

创建站点

填写机构资料,保留草稿

02

选择与编辑

应用模板,配置医疗内容

03

检查与审核

定位问题,修改后再提交

04

确认发布

核对审核版本,确认上线

05

数据与优化

从页面表现进入下一轮编辑

异常恢复

资料缺失 → 就地补充  /  审核退回 → 定位修改  /  发布失败 → 保留版本并重试
已发布站点的更新失败时,保留线上旧版。

05 / Interface Design

清晰的界面,
承接每一个真实任务。

选择模块查看高保真页面。当前可浏览页面、筛选模板并编辑预览文案;完整提交、发布与恢复行为将在交互阶段完善。

机构运营端 / 工作台独立窗口查看 ↗
界面细节 / 审核反馈

把「需要修改」,
变成一个清晰的入口。

状态、原因与处理动作放在一起,帮助运营人员从反馈直接回到任务。

发布检查清单3 / 4 项已准备
机构执业资质

当前资料缺失,需补充证件文件

补充资料 →
① 问题状态② 具体原因③ 处理入口

01 / 状态先于操作

草稿、审核与发布状态明确分开,让用户知道当前操作影响哪个版本。

02 / 内容就在上下文里

编辑器同时呈现组件、页面和属性,减少修改时的来回切换。

03 / 反馈连接下一步

待办、审核意见和数据提醒带有对应入口,让信息能够转化为行动。

06 / Visual Language

医疗的亲和,
与操作界面的秩序。

以白色与中性浅灰承载主体,医疗绿色集中于品牌标识、关键操作和状态反馈。鸿蒙黑体统一标题、正文和操作文字。

HarmonyOS Sans SC
清晰可见
从容完成

鸿蒙黑体 / Regular · Medium · Bold
使用 HarmonyOS Sans Fonts

页面标题28 / Medium
模块标题20 / Medium
正文与操作14 / Regular
辅助提示与状态说明12 / Regular

案例展示标题随屏幕尺寸调整;后台通过字重、间距和分隔线建立信息层级。

标题与正文#25292D
主操作绿#087F70
状态浅绿#EAF5F1
工作区底色#F6F7F8
辅助文字#646B73
语义状态✓ 已通过! 待补充× 发布失败○ 草稿
07 / Validation Plan

以任务完成,
检验设计是否有效。

以下是待执行的验证计划。当前无真实访谈记录、生产指标或测试结果;原型机构、数据和审核状态均为演示。

从零配置一个站点能找到模板、修改品牌信息并完成预览。待验证
处理一次审核退回能理解原因、定位问题并重新提交。待验证
从中断处继续发布能辨认草稿与线上版本,并找到恢复入口。待验证
从数据进入优化能找到异常对应页面并进入编辑。待验证
From Design to Experience

让每一步,都有清晰的下一步。

智疗云 / 高保真视觉评审版 · 后续进入交互与动效阶段

打开后台原型 ↗

照片为 AI 生成的医疗场景概念视觉,不代表真实机构、人物或调研记录。
项目内容依据用户提供的 2-1、2-2、2-3、2-4、2-6.pdf 及已确认的设计方向整理。
使用 HarmonyOS Sans Fonts · Copyright 2021 Huawei Device Co., Ltd. · 字体许可