居酒屋のホームページ デザイン例｜夕暮れの路地と紺の酒場
パターンID: iz01 ／ 居酒屋 ／ レトロ・なつかしい・高級感・シック
「夕暮れの路地と紺の酒場」は、居酒屋の情報をレトロ・なつかしい・高級感・シックの印象で見せるデザインです。紺色を帯びた路地の写真に白い店名を重ね、下部に横長の案内を置く。写真の大きさだけでなく、店名を読む位置と次の情報へのつながりを見て選べます。
配色とテイスト
縦書きを使い、文字の向きでもお店の印象を伝えます。列を分けて写真や文章を並べる構成です。情報のまとまりを比較しながら読み進められます。背景に色の濃淡を組み合わせ、写真や文字が重なる場面に奥行きを付けています。
見本の配色：#00161d #ccd1d3 #6a757a #003445
含まれるページ構成
実物には「提灯の灯りに、いつもの一杯。、黒板に並ぶ、酒場の顔。、夜の空気まで伝わる、昭和レトロ酒場。、ふらりと寄れる、夜五時から。、東京都○○区の、暖簾の明かり。」の見出しがあります。メニューやサービスから営業案内へと進む構成を、スクロールしながら確認できます。掲載欄は見本の設定であり、実際の制作では現在のお店で提供している内容に置き換えます。
- 提灯の灯りに、いつもの一杯。
- 黒板に並ぶ、酒場の顔。
- 夜の空気まで伝わる、昭和レトロ酒場。
- ふらりと寄れる、夜五時から。
- 東京都○○区の、暖簾の明かり。
向いているお店と準備する素材
このパターンが向いているのは、「紺色を帯びた路地の写真に白い店名を重ね、下部に横長の案内を置く」という写真と文字の関係を自店にも取り入れたいお店です。レトロ・なつかしい・高級感・シックというテイストが、手持ちの写真やロゴの雰囲気と合うかを確かめてください。
写真は自店のものと使用許可のある素材を用意し、料金・営業時間・所在地は公開前に確認します。予約先を使っている場合はその導線も確認します。見本の電話・予約機能から実際の受付は行いません。
居酒屋のホームページ制作を確認する ／ 料金条件 ／ 無料試作から公開の流れ
同じ業種の別パターン
- 路地の写真と白い酒場帖 — 白い背景の左に縦長の路地写真、右に店名と説明と小さな料理写真を置く
- 黄色い波と酒場の大文字 — 黄色い波形の色面に大きな英字を三段に重ね、黒字と輪郭文字を交ぜる
- アーチの路地と酒場の字 — 薄い桃色の背景に路地のアーチ写真を置き、大きな黒い英字を横切らせる
- 青い見出しと曲線の酒場 — 白地に青い店名と横長の案内帯を配し、店内写真を大きな曲線で切り抜く
- 黒と黄の図形で描く酒場 — 白い背景の大きな店名の下に、黒と灰色の曲線図形と黄色い円を並べる
この見本は NOREN PAGE の制作サンプルです。