SAND&CO

概要

SAND&CO(カフェ)(仮想ページ)

ポイント

このWebサイトでは、居心地のよさ・こだわりのメニュー・やさしい世界観が伝わるように設計しました。

  1. やさしい余白”と“温かみのある写真”で心地よさを演出

トップのラテアート写真や、全体にたっぷりと取った余白を活かし、
「ほっとできる空間」をイメージできるようなビジュアルを重視しました。

また、白と淡いグリーンを基調にした配色で、清潔感と安心感のある印象に仕上げています。

  1. 「見やすさ」と「選びやすさ」を重視したメニュー構成

メニューセクションでは、FoodとDrinkを分け、商品写真を大きめ&整ったグリッド配置でレイアウト。

ひと目で内容と価格が分かるようにしつつ、商品ごとの魅力が引き立つよう意識しました。

  1. 自然な流れで情報にたどり着ける設計

訪問者が「どんなお店?」「何が食べられる?」「どこにある?」といった情報を
迷わず自然に探せるように、Concept → Menu → Access の順で構成。

店舗のこだわりと立地情報にスムーズに誘導できるよう配慮しました。

  1. 行動を促す導線と優しいCTAデザイン

「ご予約・お問い合わせ」ボタンは、要所にわかりやすく設置。
赤のアクセントカラーで目に留まりやすくしつつ、全体の雰囲気を壊さないよう調整しています。

  1. 店舗の“空気感”が伝わる素材選び

野菜たっぷりのサンドの写真や、観葉植物を背景にしたカットなど、
素材選びにもこだわり、店舗のヘルシーでナチュラルな世界観が伝わるよう意識しました。