居酒屋「一入(ひとしお)」様
公式サイト(架空)

Webサイト

概要

高円寺にあるネオ系居酒屋、一入様(架空)の公式サイトを制作しました。新規顧客には「行きたい」と、求職者には「働きたい」と思ってもらえる情報設計を意識し、大衆居酒屋らしい居心地の良さと、若者に響く都会的で洗練された印象を両立させたデザインを目指しました。 また架空サイトのため、情報にブレが生じないよう、ディレクトリマップを作成してからデザインに移りました。

  • 架空クライアント

    大衆居酒屋 一入様
  • 制作範囲

    デザイン / コーディング /
    ライティング
  • 制作期間

    企画・WF:2週間
    デザイン:3日
    コーディング:3週間
    (この前に2ヶ月かけて制作したサイトがあり、そちらから流用した部分もあるので、短めの期間となっています。)
PC版全体
課題
① 現在、情報発信はグルメサイトやSNSのみで、情報を集約する公式サイトがない
② 公式サイトが無いためブランド構築が十分でない
③ 求人は求人サイトに依存しており、費用がかかる上に応募者数も伸び悩んでいる
目的
① 公式サイトで情報を一元化する
② 世界観を打ち出したデザインでターゲット層へアプローチし、来店意欲を高める
③ 求人情報のコスト削減と応募者数の増加を図る
ターゲット
・新規顧客向けターゲット層:首都圏に住む20代~40代の男女問わず
・求人応募者向けターゲット層:20〜30代の飲食業界でキャリアを積みたい若者
デザイン
レトロなイメージと都会的で洗練された印象を同時に感じてもらえるよう、ロゴは赤提灯を意識したカラーと温かみのあるデザインにし、背景をグレーとネオグリーンの配色にすることで、両者が共存するようにしました。また、大衆居酒屋らしい居心地の良さを演出するため、狭すぎず広すぎない余白を確保し、スタッフの笑顔の写真を多く取り入れています。SNS映えを意識するペルソナ像に訴求するため、おすすめセクションではシズル感のある料理写真を掲載しました。
情報設計
ユーザーに滞在の様子をイメージしていただけるよう、冒頭では店内の写真を多用し、パララックス効果で没入感を演出しています。求職者に向けて、「私たちについて」セクションではお店の歴史等の内容を充実させ、求人募集の起点となるよう設計。予約数の増加を目指すため、ヘッダーにはお店の電話番号や住所を常に表示。またユーザーが迷わず目的の情報にたどり着けるように、LP形式でナビゲーションを簡素化し、カレント表示を付けるなど工夫をしました。
sp版全体
SPモックアップ
TLモックアップ
制作の経緯
卒業制作のクライアントを探していた折、何度か訪れた東京にある居酒屋のロゴタイポグラフィに魅了され、そのロゴを使用したローディングアニメーションがすぐに思い浮かびました。ぜひ公式サイトを作らせていただけないか、DMや電話で依頼を試みましたが、返答は得られなかったため、架空で居酒屋のサイトを制作することに決めました。前述のロゴは自ら作字することで、自身のスキルをよりアピールできると考えました。クライアントワークでなくとも、熱量を持ってより良いものが作れると確信し、制作に取り組みました。

サイトをみる

すべてのつくったもの