居酒屋 楽家様
type: website
tool: Figma / Photoshop
design / cording / photograph / writing
知人が経営する居酒屋でサイト制作を検討しており、試作を作らせていただきました。（残念ながら昨年閉店しました）
URL
お店の紹介
- 2021年6月にオープンした茨城県八千代町にある居酒屋。
- 地元野菜や新鮮な活魚を使った料理が自慢。
- 地元の常連客に愛されるお店。
目的
- 期間限定メニューやイベントの存在を知ってもらいたい
- ほっこりとくつろげるお店の雰囲気を伝えたい
- ターゲットに「女性お一人さま」を増やす
課題
- 限定メニューやイベントのアピール方法
- 伝えたいアットホームな雰囲気が伝わっていない
- 新規のお客様を呼び込みたい
解決策
- お知らせを目立たせ、すぐ目に入るレイアウトにする
- ベースカラーをベージュ〜ブラウン系でまとめ、和む雰囲気を表現
- 居心地の良い店内であることを伝える写真の掲載
ペルソナ
- 旬のメニューやイベントがあるか知りたいリピーター
- 店内の様子が気になる新規のお客様
（一人で行きたいがどんな雰囲気のお店なのか気になる女性や、子連れでも大丈夫かお席が気になるファミリー層。）
テーマ
アットホーム・温かい・和む
情報設計
サイトを通してあたたかみを感じていただきほっこりしてもらえるように心がけました。写真は和む雰囲気を意識して撮影しました。 新規お客様獲得の課題については、現地調査でアピールポイントを確認。広いお座敷席やテーブル席、カウンター席があり目の前の酒瓶が並べられた空間が素敵で映える点や、 新鮮さが自慢お刺身の他に、家庭的な料理が人気でメニューが豊富な点などがありました。 そのため、ファミリーが喜ぶお座敷、女性お一人でもご来店しやすいカウンターの写真を掲載して、 店内の雰囲気や環境を確認できるようにしました。 確認できることにより安心感が生まれ、来店へのハードルを下げられると考えたためです。 リピートのお客さまへ、お知らせをメインビジュアルに配置してスクロールのストレスなくみて頂けるよう工夫したのもポイントです。
デザイン
常連様・新規のお客様にわかりやすい、やさしくあたたかいデザインを目指しました。「ほっこり」な雰囲気を感じてもらえたらうれしいです。
MV
スクロールすることなく最新情報にありつけるようにお知らせをMVに配置しました。 サイト訪問直後に「おいしそう」と心が動いてもらえるようシズル感ある写真をメインに、 両サイドの透過した要素で奥行きを出し、バランスを取るために左右に要素を配置しました。
楽家について
ヒアリングの際、常連のお客様との間では「ただいま」「おかえり」と挨拶を交わす仲だというお話を伺い、 そのアットホームな空気感を伝えたくて、そのまま会話を記載しました。 タイトルの最初の文字「楽」の文字色を変えて目線の誘導を狙いました。
メニュー
メニューがとても豊富なので別ページを用意しました。 自慢の一品たちを数個紹介し、お料理の雰囲気や「もっとみたい」と思ってもらえるような導入部分にすることを意識して、流れのあるレイアウトと、テキストのザブトンで抑揚をつけました。
店内写真
女性一人やファミリーでのご来店の際の不安をなくす、店内のあらゆる箇所の写真を掲載して雰囲気が伝わるようにしました。
お店について
ここでの写真も「ほんわか」なイメージを目指してレタッチしました。
フッター
自慢のカウンター風景を背景に、予約に必要な電話番号を大きくレイアウトしました。ブラウンのレイヤーで 落ち着きのあるカウンターのイメージを高めたのもポイントです。
