# 表現の研究 — 弾けるフルーツ

## 参考元
[https://supahero.io/hero/grink](https://supahero.io/hero/grink)

確認日：2026-09-15。公開ギャラリーの掲載画像・説明を調査。元サイトの全ページやソースコードを解析したものではない。

## 観察と転用
掲載画像の赤い体験空間、大きな商品名、操作を促す仕掛けを観察。元の自販機やキャラクターは使わず、オレンジと空色の撮り下ろし風画像、短いPOPの反応、数量選択へ翻訳。

## 独自の業態設定
PEEL / SODA / 味の想像を先に届ける。果実の色と缶の寒色をぶつけ、短いユーザー操作の動きだけを使う。

## トップページ構成
商品ポスター → 味の体験 → 原材料の考え方 → ケース選択 → 商品案内

## 学習できる技術
「POP」ボタンで商品ビジュアルが短く弾み、味の説明を切り替える。数量と価格が連動するケース選択。

画像・コード・コピー・有料プロンプトを参考元から流用せず、この事例用に制作。