Facebook 【自主制作】ハーブティーショップHPデザイン
Logo

【自主制作】ハーブティーショップHPデザイン

クレジット
Avatar
WEBデザイナー
【自主制作】ハーブティーショップHPデザイン-1
シェア
制作ノート
ハーブティーショップ|WEBサイトデザイン

【コンセプト】

「日常に溶け込む、小さな贅沢と癒やしの時間」 日々の暮らしに寄り添うハーブティーブランドとして、サイトを訪れた瞬間から「安らぎ」を感じられる世界観を構築。単なる商品販売だけでなく、ライフスタイルを彩るブランド体験を提供することを目的としています。

【ビジュアル要件】

  • ナチュラルかつ洗練された配色: 植物を連想させる柔らかなグリーンとベージュを基調にしつつ、温かみのあるブラウンで全体を引き締め、上品で落ち着いた印象を演出。
  • シズル感を重視したメインビジュアル: 秋のブレンドを象徴するレモンやカモミールの瑞々しい写真を大きく配置し、香りや味わいまで伝わるような「シズル感」を重視。
  • 余白を活かしたモダンなレイアウト: 情報が密集しないよう十分な余白を取り、読み進める際のストレスを軽減する心地よいリズム感を意識。

【ターゲット】

  • 20代後半〜40代の、健康や美容に関心の高い女性。
  • 日々の忙しさの中で「自分を整える時間」を大切にしたい層。
  • 素材やブランド背景にこだわりを持つ、本物志向のユーザー。

【トンマナ】

  • ナチュラル・オーガニック
  • 洗練された・上品
  • 温もり・安らぎ

【情報設計(UX/UIデザインのポイント)】

  • 多角的な検索導線: 商品選びのハードルを下げるため、「カテゴリーから探す」に加え、「冷え性」「美容」「リラックス」といった**「お悩み・目的から探す」**項目を設置。直感的に自分にぴったりの商品に辿り着けるよう設計しました。
  • 信頼性を高めるコンテンツ配置: ブランドの想いを伝える「ABOUT」を上部に配し、中段には店舗案内や最新ニュース(SNS連携を意識したタイル形式)を置くことで、ブランドの透明性と活気を示しています。
  • ユーザーの不安を解消するFAQ: ページ下部に「よくある質問」をアコーディオン形式で配置。カフェインの有無など、購入前に解消しておきたい疑問点を整理し、コンバージョン(購入)への心理的障壁を取り除きました。
シェア
この作品のその他の制作ノート
ハーブティーショップHP|HPデザイン

もっとみる

Kotori-designの他の作品