Facebook 【自主制作】紅茶とコンフィチュールの専門店LPデザイン
Logo

【自主制作】紅茶とコンフィチュールの専門店LPデザイン

クレジット
Avatar
WEBデザイナー
【自主制作】紅茶とコンフィチュールの専門店LPデザイン-1
シェア
制作ノート
紅茶とジャムの専門店|WEBサイトデザイン

【コンセプト】

「ひと瓶、一杯に優しい時間を。イギリスの小さな村のティータイムを届ける」 イギリスの田舎町にある静かなティールームをイメージし、サイトを訪れた人が「丁寧な暮らし」や「自分を労わる時間」を想起できるような、ストーリー性を重視したWebサイトを目指しました。

【ビジュアル要件】

  • 温もりを感じる質感: 背景に薄くチェック柄のテクスチャ(方眼紙風)を敷くことで、クラフト感や手仕事の温かみを表現。
  • アーチ型を取り入れたUI: ライフスタイル画像(Customer Scenes)のフレームにアーチ型を採用。ティールームの窓から覗いているような情緒的な演出を付加。
  • 落ち着いたアースカラー: 紅茶の琥珀色(アンバー)やジャムの果実実を連想させるブラウン・ベージュ・深みのあるピンクを基調にし、全体を穏やかなトーンで統一。

【ターゲット】

  • 30代〜50代の、自宅でのティータイムを大切にしている層。
  • 素材にこだわった食品や、ギフトに適した洗練されたアイテムを探している層。
  • 丁寧な手仕事やブランド背景にあるストーリーを重視する層。

【トンマナ】

  • 温かい・ノスタルジック
  • 誠実・クラフト感
  • 丁寧・穏やか

【情報設計・UIのポイント】

  • ブランドストーリーの提示: 冒頭に「Brand Story」を配置し、専門店のこだわりを言語化。商品のスペックだけでなく、ブランドの持つ「空気感」を先に伝えることでファン化を促進。
  • シーン別の提案(ギフト・季節): 「Signature Collection(人気商品)」「Seasonal Tea Time(季節のおすすめ)」「Gift Collection(贈り物)」とセクションを明確に分け、ユーザーが自分の目的に合わせてスムーズに商品を選べるよう設計。
  • 「職人のこだわり」による信頼醸成: 下部に「Craftsmanship」セクションを設け、作り手の顔と想いを見せることで、ECサイトとしての安心感とブランド価値を高めました。
  • 直感的な導線設計: スクロールの合間に「オンラインショップを見る」ボタン(CTA)を適切に配置し、読み進める中で興味が高まったタイミングでアクションを起こせるよう配慮。
シェア
Kotori-designの他の作品