茶の間｜日本茶の商品紹介LP

DESIGN

誰に

日本茶に興味はあるが、種類が多くてどれを選べばいいか分からない人。

ゴール

好みのお茶選びへの案内

ファーストビュー

「急がない時間を、ひと椀。」

• 1

  読まれない

  最初の3秒で、何の・誰向けのページか伝わる？

  暗い背景に湯気の立つ一杯を置き、商品名より先に夜のひと息の情景を見せた。

• 2

  信じられない

  頼んで大丈夫だと思える材料はある？

  選び方を「すっきり」「ほっと落ち着きたい」など気分で分け、茶葉の名前を知らなくても選べるようにした。

• 3

  動いてもらえない

  ボタンの先で何が起きるか見えている？

  ボタンは「好みのお茶を見つける」。買う前の一歩として「見つける」を選んだ。

ページ構成

ファーストビュー／悩み／想い／相談内容／事例・お客様の声（架空）／相談の帯／流れ／よくある質問／相談フォーム

制作範囲

構成・文章・デザイン・HTML/CSS/JavaScriptの実装

表示確認

スマホ・タブレット・PCの幅で表示を確認

画像

AIで生成した画像（実在の人物・店舗ではありません）

補足

架空のサービスを題材にした制作サンプルです。フォームは送信されません。