今回は 東京・日本橋にあるグルテンフリー専門カフェの公式サイトを制作しました。
「甘いものは好き。でも身体にもやさしくありたい」──そんな欲ばり心を満たしてくれるお店です。
ページを開いた瞬間に “おいしそう” と “ヘルシー” が同時に伝わるよう、デザインと導線を整えました。
目次
デザインのこだわり3つ
- 大理石×ボルドーで“ちょっと背伸び”
清潔感のあるマーブル柄に深い赤を効かせ、高級感と温かみを両立。パンケーキやベリーの写真が映えます。 - ヒーロービジュアルは“映える朝食”
トップにパンケーキをどーんと配置。湯気まで感じられるよう余白をたっぷり取り、写真を主役にしました。 - 落ち着きのある明朝体で統一
本文・見出しともにやわらかなコントラストの明朝体を採用。上質な雰囲気を保ちながら、スマホでも読み疲れしにくいよう文字サイズと行間を細かく調整しています。
ママ目線で考えた UX/導線
“あったら助かる!”こんな機能を意識しました。
- 3クリック予約
どのページにもオンライン予約のボタンを配置し迷わず TableCheck へ。ベビーカー連れでもサクッと予約◎ - カテゴリ別メニュー
Pancake/Pasta などカードで整理。価格とアレルゲンも同時チェック! - 素材ストーリー
国産米粉100%やこだわりメープルなど “安心情報” を6項目で見える化。 - お知らせ投稿
季節限定メニューをスタッフさん自身でも簡単に更新できる仕組み(WordPressで制作しています)。
このサイトで叶えたいこと
「スマホでサッと予約できて助かりました!」
「米粉パンケーキなら罪悪感なく楽しめそう、と足を運びました!」
そんな声が自然と集まることがゴールです。
公開後も季節メニューのお知らせやストーリー更新を重ねながら、一緒に “育てるサイト” として成長させていけたらと思います。
この度はありがとうございました!


