神戸市東灘区の紅茶専門店「The clore」様のホームページを制作させていただきました

新しくオープンした紅茶専門店のThe clore様のホームページを制作させていただきました。

メニュー開発や写真撮影、店舗で使用するメニューのデザインまで、お店づくりの段階から一緒に取り組みました。

お店の雰囲気や紅茶・フードの魅力が伝わるよう、写真やデザインにもこだわり、お店全体の世界観を統一しています。

目次

制作のポイント

お店の魅力やオーナーの想いがしっかりと伝わるよう、写真やデザイン、サイトの構成にもこだわりながら、実際にお店を訪れてみたくなるようなホームページを目指しました。

今回は、そんなサイトづくりでこだわったポイントをご紹介します。

お店の立ち上げから一緒に考え、世界観をカタチに

新規オープンのお店ということもあり、Webサイトだけでなく、メニュー開発や写真撮影、店舗で使用するメニューのデザインなど、オープンに向けた準備から一緒に取り組みました。

実際に提供されるメニューを撮影し、紅茶やフードの魅力が伝わるよう、写真の見せ方にもこだわっています。

また、Webサイトと店内メニューのデザインや写真の雰囲気を揃え、お店全体の世界観が一貫して伝わるように仕上げました。

the cloreのドリンクメニュー
the cloreのランチメニュー

トレンド感を意識したスマホ特化デザイン

サイトは主にスマートフォンから見られることを想定し、スマホ特化デザインにて構築しました。
PC時には左右に余白を置き、ロゴとQRコードを常時配置しています。

写真を大きく使い、紅茶やフードの魅力が直感的に伝わるレイアウトに。
色やフォント、余白の使い方にもこだわり、カフェらしい雰囲気を大切にしながら、トレンド感のあるWebサイトに仕上げています。

the cloreのホームページのファーストビュー

上位表示からの予約導線、お店の魅力を発信するコンテンツ

予約のしやすさにもこだわり、サイト上からLINEや電話でスムーズに予約できるよう、メインビジュアル直下に予約ボタンを配置。
予約したいと思ったタイミングですぐに問い合わせできるよう、分かりやすく使いやすい導線を意識しています。

また、「当店について」のページでは、オーナーがこのお店を始めた想いや、お店の運営を通して実現したいことなどをしっかりと伝えています。
文章量のあるページだからこそ、写真やイラスト、背景のデザインなどに変化をつけ、読み進めやすいレイアウトに。
文章だけでなくビジュアルも組み合わせることで、内容が自然と目に入り、オーナーの想いが伝わるページに仕上げました。

the cloreの当店についてページ

また、サイトやお店を見つけてもらえるよう、SEO戦略にも力を入れました。

どのようなキーワードで上位を狙っていくか、狙えそうかを、サイト企画時から設計し
「甲南山手 カフェ」「神戸市 紅茶専門店」「神戸市 紅茶 カフェ」などのキーワードで上位表示を保っています。

お客様からのご感想

仕事に対する誠実さや、クライアントのコンセプト・ターゲットへの深い理解から、迷わず依頼しました。
お店の内装やコンセプトと一貫性のある素敵なホームページとメニュー表に仕上げていただき、必要な情報もスムーズに見つけられる、わかりやすい導線になっています。
公開後は、ご年配のお客様からもスムーズにご予約いただき、「ホームページを見て、楽しみに来ました」とのお声もいただいています。こちらのビジョンやコンセプトを深く理解してくださるので、安心してお任せできました。

お店の世界観を、Webサイトから店舗まで

今回の制作では、Webサイトの制作だけでなく、メニュー開発や写真撮影、店内メニューのデザインなど、新しいお店の立ち上げから一緒に取り組みました。

紅茶やフードの魅力はもちろん、オーナーの想いやお店の雰囲気まで伝えられるよう、写真・デザイン・文章の見せ方にもこだわっています。

Webサイトと店内で使用するツールのデザインを統一することで、お店を知るところから実際に訪れるまで、ひとつの世界観を感じていただけるようなサイトに仕上げました。

Linデザインでは、Webサイト制作だけでなく、写真撮影やメニュー・印刷物のデザインなど、お店の魅力を伝えるために必要なコンテンツをまとめてご提案しています。

  • 新しくお店をオープンする
  • お店の世界観をWebで表現したい
  • 写真撮影からお願いしたい
  • メニューやショップツールもまとめてデザインしたい
  • Webと店舗のデザインを統一したい

このようなご希望がありましたら、ぜひ一度ご相談ください。

【制作期間】
▶3か月

【制作内容】
・公式ホームページ(企画提案/サイト情報設計/SEO設計/デザイン制作/WordPress構築/レスポンシブ対応)
・メニューブック作成
・Googleマップ開設

【メンバー】
・ディレクション:Aoi.k
・デザイン:Aoi.k
・サイト構築:Aoi.k,MONA Design

SHARE!
  • URLをコピーしました!
  • URLをコピーしました!
目次