実績一覧に戻る
ランディングページ

阿蘇の森カフェ 木漏れ日 公式サイト制作

阿蘇の森カフェ 木漏れ日|2025年10月
阿蘇の森カフェ 木漏れ日 公式サイト制作

課題

開業3年目。SNSだけの集客に限界を感じていた。「営業時間は?」「駐車場ありますか?」——同じ問い合わせが毎日のように届き、本来の接客に集中できない日々が続いていた。

解決策

阿蘇の空気感をそのまま閉じ込めたビジュアル設計で、お店の世界観を画面越しに体感できるサイトを構築。メニュー・アクセス・FAQを一目で探せる導線で問い合わせを大幅に削減。スマホ最適化とInstagram連携で、観光客の「今日どこ行く?」に応えるサイトに仕上げた。

詳細

プロジェクト概要

阿蘇の森に佇むカフェ「木漏れ日」様の初めての公式サイト。SNSでは届かなかった遠方のお客様にも、お店の空気感ごと届けるWebサイトを制作しました。

主な機能

  • メニューページ: 季節のドリンクやフードを写真付きで紹介。「何があるんだろう?」を来店前に解消し、注文の迷いも軽減
  • フォトギャラリー: 阿蘇の四季と店内の温もりを大きな写真で掲載。「行ってみたい」を引き出すビジュアル体験
  • FAQ: 駐車場・ペット同伴・予約の要否など、問い合わせの多い質問を集約。オーナーの対応負担を大幅に軽減
  • アクセスマップ: Googleマップに加え、最寄りICからの道順を写真付きで案内。初めての方でも迷わず到着できる設計
  • お問い合わせフォーム: 予約・貸切・取材依頼をワンストップで受付。電話対応の負荷を削減

デザインのポイント

  • 阿蘇の空気を纏う配色: 森の深緑と木漏れ日の暖色を基調にしたアースカラーで、サイトを開いた瞬間に「阿蘇にいる感覚」を演出
  • 写真が主役のレイアウト: ファーストビューの大きなヒーロー画像で世界観を一瞬で伝え、スクロールするほどに引き込まれる構成
  • フォントで品格を表現: 見出しに柔らかな明朝体、本文に視認性の高いゴシック体を採用。カフェの上品さと読みやすさを両立
  • 心地よいアニメーション: スクロールに連動するフェードインで、森の中を歩くような閲覧体験を実現

お客様の声

正直、ここまで変わるとは思っていませんでした。サイト公開後、遠方から「ホームページを見て来ました」というお客様が明らかに増えて。営業時間やアクセスの電話も減って、接客に集中できる時間が増えました。スタッフからも「写真がきれいに見える!」と好評です。

— オーナー 山田様

ご利用プラン

LITEプラン
月額基本料金¥14,800/月
多言語対応オプション¥5,500/月
月額合計

¥20,300/月

初期費用 ¥33,000(税別)

※ 最低契約期間6ヶ月・同様のサイト制作はお気軽にご相談ください

使用技術

Next.js
Tailwind CSS
shadcn/ui
Framer Motion
Vercel

サイトを見る

サイトを開く

こんなサイトを作りたい方へ

御社のご要望に合わせて、最適なプランをご提案します。 まずはお気軽にご相談ください。

無料で相談してみる