カフェのホームページ デザイン例｜ラテの手元と縦書きの喫茶
パターンID: ca03 ／ カフェ ／ ナチュラル・やさしい
「ラテの手元と縦書きの喫茶」は、カフェの情報をナチュラル・やさしいの印象で見せるデザインです。ラテを注ぐ手元の写真を画面いっぱいに広げ、左下に白い縦書きを置く。写真の大きさだけでなく、店名を読む位置と次の情報へのつながりを見て選べます。
配色とテイスト
縦書きを使い、文字の向きでもお店の印象を伝えます。列を分けて写真や文章を並べる構成です。情報のまとまりを比較しながら読み進められます。写真や囲みには丸みを付ける指定があり、輪郭の変化がデザインのアクセントになります。
見本の配色：#29241f #eee8c9
含まれるページ構成
実物には「焙煎の香りと、木のぬくもり。 手づくりのやさしさを、深呼吸するように。、木札のように、素朴でまっすぐ。 アオバ堂の定番、朝8時から、静かな一日のはじまりに。、森の入り口のように、 ふらりと立ち寄れる場所へ。」の見出しがあります。メニューやサービスから営業案内へと進む構成を、スクロールしながら確認できます。掲載欄は見本の設定であり、実際の制作では現在のお店で提供している内容に置き換えます。
- 焙煎の香りと、木のぬくもり。 手づくりのやさしさを、深呼吸するように。
- 木札のように、素朴でまっすぐ。 アオバ堂の定番
- 朝8時から、静かな一日のはじまりに。
- 森の入り口のように、 ふらりと立ち寄れる場所へ。
向いているお店と準備する素材
このパターンが向いているのは、「ラテを注ぐ手元の写真を画面いっぱいに広げ、左下に白い縦書きを置く」という写真と文字の関係を自店にも取り入れたいお店です。ナチュラル・やさしいというテイストが、手持ちの写真やロゴの雰囲気と合うかを確かめてください。
写真は自店のものと使用許可のある素材を用意し、料金・営業時間・所在地は公開前に確認します。予約先を使っている場合はその導線も確認します。見本の電話・予約機能から実際の受付は行いません。
カフェのホームページ制作を確認する ／ 料金条件 ／ 無料試作から公開の流れ
同じ業種の別パターン
- 朱色のパネルと洋食写真 — 朱色の説明欄と料理人や肉料理の写真を並べ、白い大きな店名を重ねる
- 写真を貼り重ねる喫茶帖 — 細い罫線で分けた紙面に写真と黄色い短冊を重ね、太い英字を左に置く
- 二枚の写真と白枠の喫茶 — ラテを注ぐ手元と植物のある店内を左右に並べ、白い枠の英字を重ねる
- 植物のある店内と白い帯 — 植物のある明るい店内写真に白い帯を重ね、左側に縦組みの店名を置く
- 大きな英字と暗い喫茶写真 — 暗くした手元の写真に白い英字を大きく載せ、下部に楕円の写真を並べる
この見本は NOREN PAGE の制作サンプルです。