活动入口改以 Web AR 呈现，手机即可互动

(挑战)

线上见面会需要一个完整的活动入口

当时受疫情影响，许多团队将实体活动转为线上，常见做法是向参与者发邮件，附上视频会议或线上社交空间的链接。

这次的目标，是让线上活动从头到尾都有完整设计，同时降低参加门槛，不需要为活动下载 App。

(做法)

将活动入口集结于单一网页，以 App 般的界面呈现

活动当天使用的视频会议入口、线上社交空间入口与参与者专属角色，整合在同一个活动网站。用户登录后扫描 AR 标记即可解锁角色；这个环节是活动前最大的惊喜，也期待用户分享到自己的社交平台。

界面仿 App 设计：固定画面高度，以单页应用切换页面，用动画取代一般网页加载效果，降低分页感，让体验不被打断。进入前须输入游戏 ID 登录，增加仪式感，让用户觉得网站专属于自己；一进入会看到一张空的角色图与感叹号引导，提醒领取专属角色。

视频会议与线上社交空间环节以电脑版为优先，并提示用户以电脑浏览；AR 环节则以手机版为主。

(关键设计)

两项关键设计

测验卡牌

测验结果要让用户立即产生共鸣，因此写出用户在群体里的位置与占总人口的百分比，并让百分比尽量低，使人觉得独特少见。信息量大时，以卡牌版面分出层级：指数数字置于最上方，与其余内容区隔，最重要的测验结果放在中段。卡牌会在 AR 环境下阅读，用户可自由缩放、旋转，因此版面以第一眼的感受为优先。

Web AR 实现

为了不让用户下载 App，采用 Web AR。3D 对象与动画以 3D 软件输出 glb 文件，对象尺寸在 1–2 厘米以内已足够，文件越大加载越久，10–15MB 仍在可接受范围。光源在程序中设置最为稳定，采用 Directional light，亮度也可调整。glb 的每个对象仅能认定一个材质，使用 UV Mapping 最稳定；输出前先烘焙动画更流畅，色偏时确认 Gamma 值在 2.2 以上。

(成果)

手机浏览器即可完成的 AR 活动入口

活动入口整合视频会议、线上社交空间与专属角色，用户以手机扫描 AR 标记，不需下载 App。当时台湾多数营销活动仍以 App 内 AR 为主，例如社交媒体滤镜；Web AR 相对少见。