今夜、誰か
飲める？
背景は飲み気分を作るだけ。読ませたいのは友達の状態。
ひ
ひめの渋谷あたり・残り42分
行けるかも
り
りょう新宿あたり・残り18分
あとで
自分も飲める？
90分
ON
ON
エリア
写真 任意
背景に使うなら
“ビールの気配”だけ
背景画像/動画っぽい表現はアリ。ただし主役は「誰か飲める？」で、背景は気分を作るだけ。静止画をカードで置くより、シュワシュワした抽象背景を薄く動かす方が意味がある。
採用するならこの方向
ビール写真をそのまま置くんじゃなくて、泡・液面・光だけを背景化する。ユーザーは「飲み」だと一瞬でわかるけど、UIや文字を邪魔しない。
ambient beerlow contrastmotion 10-20stext firstやらない方がいいこと
ジョッキ写真を常設カードにする、居酒屋写真を全面に敷く、泡が派手に動きすぎる。このへんは広告/飲食店LPっぽくなって、友達アプリの軽さが消える。
実装の考え方
最初はCSS/Canvasの泡で十分。勝ちが見えたら生成画像で「泡の質感だけ」のループ背景を作る。動画ファイルは重いからv0ではYAGNI。
カンパイしよ！
友達だけ
今夜、誰か
このViewはCSSだけで泡を動かしてる。タイトル候補は Cherry Bomb One が一番泡っぽくて、Mochiy Pop One が少し落ち着いた代替。プロダクトに入れるなら prefers-reduced-motion で停止、透明度は実機で調整。