Interactive Content

Teown Tech Vanhue

Vanhue, developed by Teown, is a modular creation platform for SVG interactive articles on WeChat official accounts. It turns S…

  • 推文互动
  • 公众号
  • SVG
  • 自研
Visit project
Teown Tech Vanhue case study key visual
Client
Teown Tech
Format
Interactive Content
Launch date

Overview

Vanhue is a modular creation platform for SVG interactive articles on WeChat official accounts, developed by Teown for brand marketing teams and advertising agencies, with dual modes of manual modular assembly and AI-powered composition. Creators can drag and drop modules from the module library, or describe their needs and let AI select modules, fill content and arrange order to generate a first draft for fine-tuning in the editor. AI does not write SVG code directly, avoiding rendering compatibility issues at the source. V1.0 is live with a 25-page admin console and a 12-page mini program, covering the full workflow from creation, preview and draft management to publishing, with 4 rounds of code review and real-device adaptation for iOS, Android and dark mode in WeChat.

Context and challenge

Interactive articles on WeChat official accounts have long been blocked by technical barriers: SVG interactions require front-end development skills, traditional editors lack interaction capabilities, and custom development is costly and slow, leaving most agency teams with static layouts. Vanhue distills mainstream interaction patterns into standard modules so that operators, editors and designers can produce interactive branded articles without programming.

Approach and delivery

Vanhue restructures SVG interactive article production with a modular approach: 1) a module library covering click-to-expand, swipe transitions, flip cards, lotteries, quizzes, progress bars and parallax; 2) visual editing with drag-and-drop, WYSIWYG preview and one-click export of WeChat official account code; 3) AI composition that generates first drafts from a brief for manual refinement; 4) WeChat-first engineering with real-device testing on iOS, Android and dark mode plus fallback strategies for stable rendering.

Outcome

Vanhue V1.0 launched in August 2026 with a 25-page admin console and 12-page mini program, completing 4 rounds of code review and covering the full workflow from creation to publishing.

Highlights

  1. Modular creation

    SVG interaction reduced to building blocks—produce interactive articles without writing a line of code

  2. AI as director

    AI selects modules, fills content and arranges order; humans refine the draft

  3. WeChat-first

    Real-device adaptation for iOS/Android/dark mode with fallback strategies

  4. Full workflow

    Creation, preview, drafts and publishing across admin console and mini program

Project views

Selected screens and motion from the delivered experience.

Teown Tech Vanhue project view 1
Teown Tech Vanhue project view 2