INTERACTIVE KISSA · 2026

喫茶店里,住着几团柔软。

为抹茶糯米糍与茶糯团设计的一组高级网页交互。 从营业牌、软体陪伴到作品甜品柜,每一次靠近都有回应。

进入茶灯百物语移动指针,唤醒糯感
抹茶绿发、绿色眼睛的抹茶糯米糍角色头像
SCENE PREVIEW营业中OPEN

INTERACTION 01 / 营业牌总控

一块牌子,切换整间店的情绪。

可接入真实直播状态 · 此处为交互概念
VIRTUAL KISSA营业中

暖灯 · 欢迎茶糯团

门铃响了一下。店长正在假装很熟练地招呼客人。

INTERACTION 02 / 茶糯团软体陪伴

不是气泡,是一团真的会回弹的糯米。

拖动 · 挤压 · 方向键可操作

抓住茶糯团,拖到你喜欢的位置

INTERACTION 03 / 花见团子导航

把三颗团子,串成网站的信息架构。

粉 · 白 · 绿 / 三个内容入口
01 / 03

SECTION SWITCHER

先看店长今天有没有营业。

直播状态、今日菜单与一键入店收进同一张柔软的前台卡片,让新来的茶糯团不用到处找门。

  • 直播入口
  • 状态联动
  • 今日菜单

INTERACTION 04 / 作品甜品柜

不只展示成品,也让制作过程被看见。

悬停看景深 · 点击查看配料

ABOUT THE VIRTUAL KISSA

一间不定时营业的虚拟喫茶店,和一位偶尔摸鱼的兼职店长。

设计保留抹茶绿、糯米奶白、黑色制服与兔子饰物这些已确认的角色线索, 再把“茶糯团们”变成真正参与页面的客人,而不是静止的装饰。