カフェのホームページデザイン例｜大きな英字と暗い喫茶写真

パターンID: ca05 ／カフェ／高級感・シック

「大きな英字と暗い喫茶写真」は、カフェの情報を高級感・シックの印象で見せるデザインです。暗くした手元の写真に白い英字を大きく載せ、下部に楕円の写真を並べる。写真の大きさだけでなく、店名を読む位置と次の情報へのつながりを見て選べます。

配色とテイスト

縦書きを使い、文字の向きでもお店の印象を伝えます。列を分けて写真や文章を並べる構成です。情報のまとまりを比較しながら読み進められます。写真や囲みには丸みを付ける指定があり、輪郭の変化がデザインのアクセントになります。

見本の配色：#d0ccc9 #2f2b28 #e9e6e4 #9b643f

実物には「Coffee Menu、Commitment、Coffee Menu、Gallery、Info」の見出しがあります。メニューやサービスから営業案内へと進む構成を、スクロールしながら確認できます。掲載欄は見本の設定であり、実際の制作では現在のお店で提供している内容に置き換えます。

このパターンが向いているのは、「暗くした手元の写真に白い英字を大きく載せ、下部に楕円の写真を並べる」という写真と文字の関係を自店にも取り入れたいお店です。高級感・シックというテイストが、手持ちの写真やロゴの雰囲気と合うかを確かめてください。

写真は自店のものと使用許可のある素材を用意し、料金・営業時間・所在地は公開前に確認します。予約先を使っている場合はその導線も確認します。見本の電話・予約機能から実際の受付は行いません。

この見本は NOREN PAGE の制作サンプルです。