客户是一家在华东拥有 200 家门店的连锁茶饮品牌，每年三月都会推出春季限定新品（樱花乌龙、白桃茉莉）。过去两年，新品推广主要依赖门店海报与达人探店，投放费用高、可追踪性差，品牌希望今年做一次「能算得清账」的社交裂变活动。
目标拆解为三件事：第一，让用户主动分享 H5；第二，凭券到店兑换新品；第三，把参与用户沉淀为品牌企微会员。
茶饮行业的 H5 已经套路化：抽奖转盘、集卡、砍一刀，用户一看到就知道「要我转发」。我们决定不做任何强制分享——用户不分享也能完整玩完并拿到优惠券，分享只是因为「我做的那张明信片真的好看」。
用户滑动手机，像在春天的城市里散步，最后生成一张属于自己的春日明信片。
H5 共五屏：用户从一扇推开的窗开始，滑动手指依次经过樱花大道、地铁口的咖啡摊、河畔草地、夜灯下的便利店，每经过一站，屏幕上会出现一句应季短句。走完之后，系统根据用户滑动的节奏与停留时间，生成一张独一无二的「春日明信片」——上面有用户走过的路径、一句专属文案、以及一杯春日新品的插画。
明信片可以保存为图片分享到朋友圈，也可以一键领取一张新品兑换券。整个过程不强制授权手机号，只有领取优惠券时才需要简单填写。
春日主题容易做得过粉过甜，我们刻意把樱花粉压暗为「雨后樱粉」，搭配嫩绿与深棕，让画面在手机屏幕上安静而耐看。所有插画采用 SVG 矢量绘制，单张不超过 30KB，首屏加载控制在 1.2 秒以内——在通勤地铁的弱网环境下也能顺畅打开。
动效上只用了视差滚动与淡入，没有使用复杂的 WebGL，确保三年前的旧手机也不会卡顿。
活动不是上线就结束，我们在 14 天里做了三轮快速迭代。
我们在 H5 每一个关键节点都埋了点：首屏到达率、每屏滑出率、明信片生成率、优惠券领取率、分享率、到店核销率。上线第二天数据显示，第三屏「河畔草地」的流失率比其他屏高出 18%——我们判断是这一屏停留时间过长、文案偏文艺，用户失去了滑动耐心。当晚我们把这一屏缩短，并在右下角加了一个「跳过」按钮，次日该屏流失率立刻回落到正常水平。
第三轮迭代针对分享环节：我们发现用户生成明信片后，分享到朋友圈的比例明显高于保存图片。于是我们把「分享朋友圈」按钮视觉权重加大，并在分享成功后弹出一张「再来一杯」的小额券，把分享者本身也拉回门店，形成二次到店。
技术上，我们准备了双 CDN 与弹性扩容预案：活动峰值出现在上线后第三天的晚高峰，单小时 PV 突破 30 万，H5 首屏加载依然稳定在 1.3 秒以内。优惠券系统与门店 POS 实时对账，避免出现「用户券已领、门店却核销不了」的尴尬。
活动结束后，我们向客户交付了一份完整复盘：哪些渠道带来的分享率最高、哪类明信片被分享最多、核销率最高的门店集中在哪些商圈。这份数据直接成为客户下一季新品选址与投放预算分配的依据——这也是我们坚持「活动要算得清账」的真正含义。
一个不强制分享的 H5，反而拿到了品牌历史上最好的裂变数据
我们原本已经准备好了「分享得第二杯半价」的强制裂变方案，是泰格团队劝我们先做一版「不分享也能玩」的试试。结果分享率比去年的强制集卡活动还高，到店核销率更是翻了一倍。他们说，用户不是不愿意分享，只是不愿意被当成流量工具。这句话我们会用在以后每一次活动里。
这一活动让我们更加确信：好的 H5 营销不是「逼用户转发」，而是给用户一张值得分享的作品。当分享本身成为奖励时，裂变率自然会上去。泰格视觉希望做的，是帮品牌把每一次 campaign 都做成一件用户愿意主动带走的作品，而不是一条被划走的广告。
次年夏季，客户沿用同一套「散步—生成—分享」的机制，把春日主题换成了夏夜冷饮，上线首周 PV 即追平上届。一套可复用的互动框架，让品牌活动不再从零开始，每次都站在上一次的数据肩膀上。
这套「轻机制、重复盘」的做法，如今已是我们为连锁品牌做季度活动的默认标准，让每一次投放都更可衡量，也让品牌预算花得更有底气，每一分投入都看得见回报。
让下一次活动既好看，又算得清账