Yoyogi Mega Gourmet Festival
メガグルメ FESTIVAL

Category 「代々木 メガグルメ FESTIVAL」イベントサイトの制作
(架空サイト/ 職業訓練校のグループ制作/ 3人)
Work Rule ・各グループがクライアント側とクリエイター側を体験。
・制作側チームはクライアントからサイト概要をヒアリング、全員がデザインカンプ作成し提案。
・採用されたデザインカンプをもとに制作。
・全6ページ、jQueryとPHP導入、レスポンシブ対応にする。
・制作期間は9日間とする。
My Work 自分の担当箇所 ・全ページのデザイン制作
・TopのMV以外の動きのある部分 (ボタンリンク、文字ポップアップ/ jQuery)
・Event、Companyページのコーディング部分
Purpose 目的:数年継続しているイベント、若者中心により認知度を上げるためのサイト制作をする
Target ファミリー層、カップル、若者
Tool Adobe XD / Photoshop / Illustrator / HTML / CSS / jQuery / php
Year 2023年12月 (制作期間: 9日間)
Concept POPさを全面に出しながら (全体的にスーパーマリオのポップさを表現)、
イベント情報を見やすく表現して、初めてのユーザーが訪れても迷わないように
スムーズなリンクを設置し、若者を中心により多くのお客様に来場いただけるサイトを目指した。

Category 「代々木 メガグルメ FESTIVAL」イベントのロゴ制作
Tool Photoshop / Illustrator
Concept POP × 元気 × 楽しさ × 親しみやすさ
・フォント使用:《 飴鞭ゴシック-06 》
サイト内の見出しタイトル・リンクボタンにも共通して使用
・MVの背景に複数の画像を使用しているので、ロゴにも目を引くように、
エンブレム風なデザインにし、文字の見やすさ・印象の残りやすさも重視
・“メガグルメ”の部分を特に強調したかったので、アクセントカラーのオレンジレッドを
使用したグラデーションにし、炎の色を表現し、活発な印象を与えた

SITE MAP
TOP_MV 切替え画像


TOP

Header ヘッダー固定
MV 3枚の画像をスクロールで
切替え。(代々木公園xグルメ)
Tool jQuery
About キャッチコピーと見出し
Link ボタンリンクで
《 MAPページ 》へリンク
Info イベント情報
Footer フッター
SP版


バーガーメニュー プルダウン
MV
SP版用に画像修正、固定。
(メイン画像をスライドから固定)
MAP 会場マップページ



カーソル ⇨ クリック
各エリアのページ内リンクへ
Area Map エリアマップ
ページ内リンクに飛ぶ
アイコンを配置

カーソルさせる ⇨
キャプションがポップアップ
--------------------------------------------------
Tool jQuery
カーソル ⇨ クリック
各エリアのページ内リンクへ
Meat 肉エリア
Sweets スイーツエリア
Ramen ラーメンエリア
Ethnic エスニックエリア
詳しくみる ⇨
《STORE》ページ内の
肉エリア情報へリンク
Drink ドリンクエリア

カーソルさせる ⇨
キャプションがポップアップ
--------------------------------------------------
Tool jQuery
STORE 出店情報ページ

Meat 肉エリア
店舗情報
Sweets スイーツエリア
店舗情報
Ramen ラーメンエリア
店舗情報
Ethnic エスニックエリア
店舗情報
Drink ドリンクエリア
店舗情報
EVENT イベント案内ページ

COMPANY 会社概要ページ

CONTACT お問合せページ
