推文互动

缔昂科技 万花 Vanhue

万花 Vanhue 是缔昂科技面向品牌公众号推出的 SVG 互动文章创作平台。把高门槛的 SVG 交互降维成可视化模块:选模块、填素材、一键预览、导出公众号代码,不写一行代码;AI 自动选模块、填内容、排顺序,互动创作从写代码变成搭积木。

  • 推文互动
  • 公众号
  • SVG
  • 自研
访问项目
缔昂科技 万花 Vanhue案例主视觉
客户
缔昂科技
项目类型
推文互动
上线时间

项目概述

万花 Vanhue 是缔昂科技面向品牌公众号与广告营销团队推出的 SVG 互动文章创作平台,定位“模块化拼接 + AI 自动组合”双模式。创作者可从模块库手动拖拽拼接,也可输入需求由 AI 自动选模块、填内容、排顺序生成初稿,再进入编辑器微调;AI 不直接编写 SVG 代码,从源头规避渲染兼容问题。产品 V1.0 已上线,管理后台 25 个页面、小程序端 12 个页面,覆盖创作、预览、草稿管理到发布全流程,并完成 4 轮代码审查,针对微信 iOS/安卓/深色模式做了真机适配与降级方案。

项目背景与挑战

公众号互动图文长期被技术门槛卡住:SVG 交互需要前端开发能力,传统排版工具缺乏交互能力,定制开发则成本高、周期长,多数代运营团队只能使用静态排版。万花把市场主流互动形式沉淀为标准模块,让运营、编辑、设计师无需编程即可生产可交互的品牌文章。

策略与实现

万花以模块化思想重构 SVG 互动文章生产流程:1)模块库沉淀点击展开、滑动切换、翻牌、抽奖、问答、进度条、视差等主流互动形式;2)可视化编辑,拖拽拼接、所见即所得,一键预览、一键导出公众号代码;3)AI 组合模式,输入需求自动生成初稿,人工微调定稿;4)微信生态优先,iOS/安卓/深色模式真机测试与降级方案,保证渲染稳定。

成果与价值

万花 V1.0 已于 2026 年 8 月上线,管理后台 25 个页面、小程序端 12 个页面,完成 4 轮代码审查,覆盖从创作到发布的完整流程。

项目亮点

  1. 模块化创作

    把 SVG 交互降维成搭积木,不写一行代码即可产出互动文章

  2. AI 当导演

    AI 自动选模块、填内容、排顺序,生成初稿后人工微调

  3. 微信生态优先

    针对 iOS/安卓/深色模式真机适配,提供降级方案

  4. 全流程覆盖

    创作、预览、草稿、发布全链路,管理后台与小程序双端

项目画面

真实项目素材,按体验顺序呈现。

缔昂科技 万花 Vanhue项目画面 1
缔昂科技 万花 Vanhue项目画面 2