心島心靈咖啡の公式サイト応用イメージ、ノートパソコンとスマートフォンでの表示|好心地文創

南国の癒しからデジタル体験へ:心島心靈咖啡(Soul Island Coffee)公式サイト制作

Webデザイン

ブランドアイデンティティの決定を受け、心島心靈咖啡は「静かに落ち着く」癒しのトーンを公式サイトとLINE公式アカウントにも展開する必要がありました。ブランドストーリー、メニュー、予約導線をつなげています。

課題

心島心靈咖啡は開業当初、公式サイトを持っておらず、SEOキーワードは未最適化、スマートフォン向けの体験も整っていませんでした。LINE公式アカウントも同様にブランドビジュアルと自動応答の仕組みが不足しており、顧客の獲得・蓄積が難しく、決定済みのブランドアイデンティティを日常のデジタル接点に展開できずにいました。

目標

決定済みのブランドアイデンティティを土台に、Home/About/Menu/Book/Contactの5ページ構成の公式サイトを構築し、あわせてLINE公式アカウントのリッチメニューを設計することが目標でした。検索から友だち追加、来店予約まで、お客様が一貫したブランドトーンとスムーズな体験を感じられるようにしました。

アプローチ

  1. ブランドアイデンティティで決定したダークブラウン、サンドベージュ、トロピカルグリーン、ウォームゴールド、オフホワイトのカラーシステムを公式サイトのビジュアルに展開し、5ページすべてでアーチや曲線といった空間言語を統一し、南国の癒しのスタイルの一貫性を保ちました。
  2. WordPressで公式サイトを構築し、レスポンシブデザイン、基本的なSEO最適化、Googleトラッキング設定を実装。トップページとメニューページには「今すぐLINEで予約」のCTAを強化し、予約導線につなげました。
  3. LINE公式アカウントのリッチメニューをデザインし、中国語・英語両方の予約案内と海外からの連絡先情報を掲載。LINEでのやり取りを好む顧客が直接予約を完了できるようにし、公式サイトに次ぐ第二のデジタル入口としました。

成果

心島心靈咖啡の公式サイトとLINE公式アカウントは予定通り完成・納品されました。5ページ構成のサイトはブランドストーリー、メニュー、予約をつなげ、リッチメニューは中国語・英語の予約案内を展開しています。公開後も、好心地文創はSEOコンテンツマーケティングでサイトの検索可視性の向上を継続的にサポートしています。

  • 2026
  • クライアント心島心靈咖啡(Soul Island Coffee)
  • サービスWebデザイン
心島心靈咖啡の公式サイトトップページデザイン案、ダークブラウンとウォームゴールドの南国癒しスタイル
公式サイトトップページデザイン案
心島心靈咖啡の公式サイトメニューページデザイン案、コーヒードリンクのカテゴリーと商品紹介
公式サイトメニューページデザイン案
心島心靈咖啡の公式サイトAboutページデザイン案、ブランドストーリーと創業者紹介
公式サイトAboutページデザイン案
心島心靈咖啡のLINE公式アカウントリッチメニューデザイン、ダークブラウンとウォームゴールドの配色
LINE公式アカウントリッチメニュー

よくある質問

カフェの公式サイトデザインには、どんなページが含まれますか?
店舗のニーズに応じて設計します。心島心靈咖啡の場合はHome、About、Menu、Book、Contactの5ページ構成で、ブランドを知ることから来店予約まで、一つのサイトで完結できるようにしました。
公式サイトとLINE公式アカウントは同時に企画できますか?
はい、むしろ同時に企画することをおすすめします。心島心靈咖啡では公式サイトとLINEリッチメニューを同時にデザインし、検索で店を探す顧客とLINEでのやり取りを好む顧客、それぞれが使い慣れた入口で一貫したブランドトーンとスムーズな予約体験を得られるようにしました。
同じようなプロジェクトをお考えですか?サービスを見る:Webデザインお問い合わせ