LogoMark.png

山口佳奈/卒業研究II

飲食店のためのWebサイト制作

現在の状況に柔軟に対応できるWebサイトの構築

mainvisual.jpg


Overview

Introduction / What is This

オープンソースのCMSであるWordPressを利用して、焼肉店「肉大将」のWebサイトを作成する。

Background and Purpose

現在焼肉店「肉大将」は各種グルメサイトを利用して集客・宣伝を行っており、掲載料やネット予約手数料が必要なグルメサイトも利用している。グルメサイトには様々なプランがあり、コストをかければかけるほど検索結果で上位に表示されるという仕組みになっている。また、グルメサイトの紹介ページに表示されている電話番号は店の番号とは違うものでこの番号で予約が入るとネット予約手数料を支払うことになる。

このようにグルメサイトでの集客・宣伝は恩恵もあるが費用もかかりそれがコロナ禍において負担になっている。集客・宣伝の手段として拡散力の高いSNSを活用する方法もあるが、掲載できる画像の容量や枚数、文字数などの制限がある中で店の情報を伝える必要がある。

グルメサイトと費用がかからず制限なく情報を詳細に伝えられるWebサイトを併用した集客・宣伝を行い、費用負担を軽減する。


Concept

Output

http://nikudaisho.wp.xdomain.jp/(制作中)

Tools

WordPress

Term

2021.04.16 〜


Survey

Present Status

グルメサイトに関する意識調査
株式会社「TableCheck」が20~60代の全国の男女1100名と20~50代の飲食店に勤務する全国の男女660名を対象にグルメサイトに関する意識調査を実施した。

Precedent

先行事例
Webサイトの制作にあたり焼肉店のホームページについて調査した結果、黒色や暗い色を使っているものやシングルページや縦に長いWebサイトが多いということが分かった。また、焼肉店以外の飲食店のホームページ調査も行った。

「飛騨牛焼肉 にくなべ屋 朧月 豊橋駅前大通り店」のホームページでも黒が多く使われており、縦に長い構成となっている。また、背景に和柄や和紙のテクスチャ画像を使用してページの外観が固定されているグルメサイトやSNSでは表現できないやり方で店の雰囲気を伝えている。

日本料理店「桜坂 ONO」のホームページでは、ページを開いたときに最初に表示される店内の写真から店の雰囲気を伝えている。ページをスクロールすると表示される店の紹介文では『四季を食す』という印象的な言葉が使われており、ナビゲーションメニューや予約ページへのリンクがページをスクロールしても常に表示されている。

レストラン「ミツバチ食堂」のホームページはイラストや手書き文字が多用されており、レストランのテーマである「季節感、素材感、土の温もり」が表現されている。

現地調査

Technique / Technology

Project Management


Schedule

https://docs.google.com/spreadsheets/d/1uMisxMFFv1UB3UXSBerLqxwiV0JJNuI6iItubaploDE/edit?usp=sharing

ToDo

https://docs.google.com/spreadsheets/d/13HMWxsQrHroIQMuEHxvP1oBjwMJeBVm5vrnsSqtVzSk/edit?usp=sharing






worklog




2021.10.21

メインビジュアル

スライドショーを作成して、店や料理の写真を映す。スライドの上に文章を追加して情報を伝える。

メニューバー

店のロゴタイプを左上に追加。

MENU

写真の追加、編集。



2021.10.14

メインビジュアル

メインビジュアルに使っている画像を店の外観、店内、料理の順番に時間経過で切り替わるようにする。中段にある画像と紹介文をメインビジュアルに載せて、NEWSからMENUの項目へすぐ移動できるようにする。

写真撮影、追加

新たに料理の写真を撮影、Webサイトに使う画像として使用する。



2021.10.08

MENU

焼肉とホルモンの他のメニュー表示位置や大きさ。コースとメインの焼肉・ホルモンを大きく表示。その他、スープやドリンクなどの表示は目立ちすぎないようにする。

フッター

フッターウィジェット追加、テキスト記載。

WordPressカスタマイズ

2021.10.07

写真セクション

焼肉の写真と店内の写真の変更、NEWSの下側の余白の調整。

MENUの編集

ウィジェットの編集と右側にあるサイドバーを非表示、ページのレイアウトと右側の余白の調整。

参考

2021.10.01

サーバーの更新

https://www.xfree.ne.jp/login/member.php
次回更新:2022.01.31まで



2021.09.30

NEWSの編集

MENUの編集

2021.09.22

WordPress

夏季休暇中の作業

WordPress編集

WordPress編集

参考

前期

山口佳奈/卒業研究I






PAGES

GUIDE

Last-modified: 2021-09-09 (木) 19:23:52