Ayaka Takeda Portfolio

中華居酒屋TEN(架空)HPモックアップ

中華居酒屋TEN(架空)HP

Webサイト / 自主制作

View site
  • 制作範囲

    デザイン / コーディング / ライティング

  • 制作期間

    企画・WF:1週間
    デザイン:3週間
    コーディング:3週間

  • 概要

    リニューアルオープンした名古屋市中区金山にある中華居酒屋「TEN」様(架空)の公式HPを制作しました。新規顧客には「行きたい」と思ってもらえるよう、豊富なメニューや店内の画像を多く使用し、求職者には「安心して働ける」と思ってもらえるよう、求職者用のページも作成しました。

  • 制作物のスクリーンショット一覧
  • 課題

    ①公式サイトがないため、コンセプトやこだわりが伝わりにくい
    ②SNSのみの発信では、メニューの情報がバラついてしまい、自慢のメニューの豊富さをアピールできない
    従業員不足

  • 目的

    ① 公式サイトでお店の暖かな雰囲気を打ち出し、店主のこだわりも表現。来店意欲を高める。
    メニュー情報をまとめることで、メニューの豊富さをアピール。
    ③ 求人への応募者数の増加。安心して働けると思ってもらう

  • ターゲット

    ・新規顧客:20〜40代男女。仕事、学校終わりにふらっと寄れる店を探している。
    ・求職者:20〜40代男女。飲食業界でアルバイトをしたい人。

  • 情報設計

    店主自慢の手作り餃子をアピールし、美味しそうと思っていただけるよう、KVでは餃子を包む画像と焼いている画像を使用し、ゆっくりズームアウトさせながら全画面で見せることで没入感を出しています。予約の機会を逃さないために、ヘッダーには予約ボタンを常に表示実施中のキャンペーンをバナーにし、モーダルウィンドウをつけることですぐに詳細内容を知ることができる設計にしました。

  • デザイン

    サイトを開いた瞬間「美味しそう」と感じてもらえるよう、KVに大きく餃子の画像を3枚使用し、お品書きセクションにはシズル感のある画像を選びました。「明るくて入りやすい店」という印象を持っていただけるように、背景は明るいベージュに、メインカラーは赤と黄色にしました。シンプルかつ明るい装飾を使用し、ページトップの画像にアニメーションをつけることで、リッチなサイトを演出しました。また、来店のハードルを下げるためにスタッフの笑顔の写真やお客様の笑顔の画像をスライダーを利用し、多く見せるようにしました。

  • 中華居酒屋TEN(架空)HPモックアップ 中華居酒屋TEN(架空)HPモックアップ