KWF introduction
九産大プロレス研究部の
アーカイブサイト・ポスター
- Hyuga Tashiro
- Keywords：web
- http://hyu1999.html.xdomain.jp/KWF/
Overview
Introduction / What is This
九産大プロレス研究部の
サイト【活動記録アーカイブ】・ポスター
背景
コロナウィルスの影響により、イベントが開催出来ず、
プロレスに興味がある方や、イベント開催者の方々に
プロレスを認知してもらえない現状である。
その為、このサイト・ポスターを制作し、
プロレス関係者だけでなく、色々な年齢層の方々に
九産大プロレス研究部を、認知をしてもらう。
コンセプト
九産大プロレス研究部のサイト・ポスターを制作し
これからの部活動に活用出来るようにして、認知度を高める。
調査
- 最近はコロナの影響もあり、
総務省 によると、日本中の人々がスマホを眺める機会が増え、
PCよりもスマホの使用率が高い為、
スマホ対応のサイトを作ることがベストだと考えた。 - 各団体のプロレスサイトを閲覧したが、どれもデザインが古く、
参考にしづらかったので、格闘ゲームサイト
ストリートファイターを参考に作業を進めていく。
Output
Tools
- Illustrator・Filezilla・Atom
Term
4年次 2021.4.9〜卒業研究I
まとめ
- 部員に使ってもらい、満足度を調査し完全ではないが、
プロレス研究部のサイトとして機能することができた。 - 部員の意見をもとに、ブラッシュアップを重ね、
より良いサイトを制作していく。
Precedent
ポスター
- プロレスのポスターは、各試合によって
デザインが全く異なっていた。
また、各プロレス会社で、他団体のポスターと
どのように差を出しているのか調査。
基本的には、構図(イベント名・開催場所・開催日時・料金)が
大きなフォントで配置され、選手写真の配置が団体ごとに異なっていた。 - 新日本プロレスポスター
- 九州ADCアワード
(プロレスではないポスター作品)
サイト
- 格闘ゲームサイトストリートファイターが
自分の制作したい、理想像に近いサイトだったので、このサイトを基準にする
- 最近はコロナの影響もあり、
総務省 によると、日本中の人々がスマホを眺める機会が増え、
PCよりもスマホの使用率が高い為、
スマホ形式でサイトを作ることがベストだと考えた。
Technique / Technology
- Illustrator
Project Management
Schedule
ToDo
- サイトの更新
- ポスター作成
- 概要集の作成
スケジュール作成
worklog
- 2021.12.4 ~ 2022.1.11
-サイト全体-
・全ページの背景を黒にし、統一性を持たせ
サイト全体を見えやすいようにした
・各ページのトップの文章を統一化し
サイトに規則性を持たせた
・自分が今どこのページにいるのかが分かるように
全ページの左上に現在いるサイト名を表示した
・PCサイトで、元々、リンクにアンダーラインがあったが
リンクをホバーするとアンダーラインが表示され
不透明度を50%にすることで、
リンクが飛べない所との差別化を図れた
-HOME-
・スライドショーの大きさを最大にし
スマホ、パソコン両サイトともに直感的に
プロレス研究部のサイトと理解できるようにした
・文字情報を下に、動画を上にすることで
サイトを訪問した人により分かりやすいサイトにした
-PLAYER-
・1人1人のサイトを作成
キャッチコピー・レスラー名
身長・体重・年齢・学年・必殺技を記載
-VIDEO-
・2021年度の動画だけでなく、
2020・2019年度の最新動画を6つずつ挿入
-LINK-
・九州産業大学プロレス研究部に関わるサイト
YouTube・Instagram・Twitterを記載
主にプロのプロレス団体のサイトを記載
-INFO-
・各お知らせごとに導入画像を変更
分け方としては
事務連絡や業務連絡
試合カード発表や試合結果
試合の決定や場所の説明 の3つに分ける
- 2021.12.3
・全ページのサイト背景に画像を設置
・スライドショーを挿入することでサイト全体の
質素な感じをなくし、躍動感を出す
・全ページ、レスポンシブ化しスマホ対応サイトに
- 2021.11.26
・全ページを共通のレイアウトに変更
・右サイドにYouTube、Twitterを設置
・ホームの背景変更、KWFを説明
・ヘッダーロゴのサイズ、間隔調整
- 2021.11.19
・全体像の見直し
ヘッダーの文字・画像調整
サイトの色を全体的に統一
VIDEO.HTMLに動画を設置
- 2021.11.12
・INFO.HTMLの編集
細かい位置・サイズ・調整
右側にYouTube・Twitterアカウントの設置
- 2021.11.5
・RESULT.HTMLの編集
大会ごとに枠を分ける
試合が決まった時間・技の部分にYouTubeのハイパーリンクを設置
- 2021.11.3
・RESULT.HTMLの編集
最新の試合結果の情報編集
- 2021.10.29
・LINK.HTMLの編集
Twitterの埋め込み、サイズ調整
YouTubeアカウントの埋め込み
- 2021.10.27
・PLAYER.HTMLの編集
画像を挿入し、均等に配置
- 2021.10.25
・サイトをレスポンシブに対応
・サイト全体の色調整
- 2021.10.22
・メニュー別に仮ページを更新
・HOMEのページの大まかな配置、構成を設定
- 2021.10.20
・ヘッダー内のメインタイトルの制作
・ヘッダー内のメインタイトル、ロゴの位置配置編集
- 2021.10.18
・サイト制作
・メニューバーの制作
(CSSでnav内のテキストの色を変える要素)