top of page

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 切替え画像

MV_02_edited.jpg
MV_03_edited.jpg

TOP

01_TOP_edited.jpg

Header ヘッダー固定

MV 3枚の画像をスクロールで
    切替え。(代々木公園xグルメ)

Tool jQuery

About キャッチコピーと見出し

Link ボタンリンクで
    《 MAPページ 》へリンク

 

Info イベント情報
 

Footer フッター
 

SP版

バーガーメニュー   プルダウン

MV
SP版用に画像修正、固定。
(メイン画像をスライドから固定)

MAP 会場マップページ

02_MAP.png
02_カーソル1.png

カーソル ⇨ クリック 
各エリアのページ内リンク
​へ

 

Area Map エリアマップ
ページ内リンクに飛ぶ
アイコンを配置

 

カーソルさせる ⇨
キャプションがポップアップ

--------------------------------------------------
Tool jQuery

カーソル ⇨ クリック 
各エリアのページ内リンク
​へ

 

Meat 肉エリア
 

Sweets スイーツエリア
 

Ramen ラーメンエリア
 

Ethnic エスニックエリア
 

詳しくみる ⇨
《STORE》ページ内の
  肉エリア情報へリンク

Drink ドリンクエリア
 

02_カーソル11.png

カーソルさせる ⇨
キャプションがポップアップ

--------------------------------------------------
Tool jQuery

STORE 出店情報ページ

03_STORE.png

Meat 肉エリア
店舗情報

 

Sweets スイーツエリア
店舗情報

Ramen ラーメンエリア
店舗情報

Ethnic エスニックエリア
店舗情報

Drink ドリンクエリア
店舗情報

EVENT イベント案内ページ

04_EVENT.png

COMPANY 会社概要ページ

CONTACT お問合せページ

© 2024 M.N

bottom of page