takacoo.jp

Loading

遊び心のある演出で伝える ジョンノホルモン物語 様サイト

Open site
担当
  • ヒアリング
  • デザイン
  • コーディング
  • WordPress
ツール
  • Figma
  • Illustrator
  • Photoshop
  • Visual Studio Code
  • Git
期間
3ヶ月

株式会社巨山が運営する、新大久保の韓国式本格ホルモン専門店「ジョンノホルモン物語」様の店舗サイトリニューアルです。
ターゲットが若年層ということもあり、世代に好まれ、店舗の雰囲気が伝わるビジュアル表現を意識しました。大きな写真と動きのある仕掛けを活用し、豚のアイコンが不規則に動くなど、訪問者を飽きさせない工夫を取り入れています。

また、複数ブランド展開を見据え、お問い合わせなど共通で使えるパーツは、他ブランドでも違和感のないデザインにしました。メニューページは項目の増減や画像更新をクライアント自身で行える仕様にし、操作マニュアルもあわせて作成しました。

お店の雰囲気をイメージしたデザイン

新大久保という立地やターゲット層が若年層という点から、若者に好まれお店の雰囲気も伝わるように意識してデザインしました。
写真をダイナミックに使用することと、動きのあるサイトにして見る人が飽きないようにすることを心がけました。
豚のアイコンが不規則に動くなど、細かい部分までこだわりました。

また、他ブランドのサイトも今後制作予定でしたので、お問い合わせのリンクなどの共通で使用することができそうなパーツは、他ブランドでも違和感のないようなデザインを意識しました。

メニューページのワードプレス実装

お客様からのご要望で、メニュー項目の増減とモーダル内のメニュー画像の更新が必要でした。モーダル内のメニューの画像の枚数がメニュー項目ごとにばらばらだったため、その数を取得するための方法を考えるのに試行錯誤しました。
スライダーをTOPページとメニューページのモーダル内で使用していたため、出し分けをする記述を追加しました。

お客様が更新する際にスムーズに更新していただけるよう、ワードプレス管理画面内のメニューの並び替えや、操作方法マニュアルの作成なども行いました。