CASE 01 / BUILD

中科闻歌官网升级

内容与信息架构/网站视觉设计/Vibe Coding 实现

ROLE

需求与信息梳理 / 视觉设计 / Vibe Coding 前端实现

DELIVERY

前端实现 / 联调 / 部署上线 / 后续调整

STATUS

正式上线 V1 版本 / V2 优化提案阶段,待上线

随着业务和产品持续变化,2022 年上线的官网已无法准确反映当前业务,也无法与上市准备阶段的正式披露信息保持一致。

在没有专项外包预算、内部 UI 资源无法持续支持的条件下,我负责需求与信息梳理、视觉设计,并通过 Vibe Coding 完成主要前端实现,配合技术团队完成联调与部署,推动官网 V1 正式上线。

PROTOTYPE FIRST

通过可运行 Demo 验证内容、结构、交互和整体视觉方向,并完善设计规范与细节。对于需要品牌、业务与管理层共同判断的官网,能够浏览的 Demo 比抽象描述更容易形成共识。

CONTRIBUTION

  • 需求与内容梳理、信息架构与 AI 辅助原型
  • 主要视觉设计与 Vibe Coding 前端实现
  • 配合前后端联调、部署上线与后续调整

OUTCOME

  • 完成从需求与内容梳理、信息架构和视觉设计,到前端实现、联调及上线的完整交付
  • 将品牌团队的工作边界延伸至网站的设计、实现与交付
  • 建立一套由 AI 辅助、以可运行原型推动决策的网站工作方式
中科闻歌官网笔记本端展示
中科闻歌官网移动端展示

设计师的价值不只在于把页面设计好,更在于做关键判断,并建立能让方案真正被实现的工作系统。