Why don't you 8号車?
超特急の全力布教サイト
- 伊藤 早紀
- Keywords:推し活 , 布教, webデザイン
相互評価シート← ここからコメントをお願いします。
試作段階←クリック
- 画面サイズを小さくするとメニューが見やすいと思います💦後でコード修正します
- HOME、ABOUT、MEMBER(個人ページは💙💜のみ)がクリック可能です!
- BEHINDはまだページも作ってないです。。。
メンバー紹介デザイン
概要
これは何?
私の大好きなグループ「超特急」をたくさんの人に知ってもらうためのサイト
背景と目的
「超特急って知ってる?」と聞くと、「名前は聞いたことある」「昔からいるよね」と言われることが多い。
今人気急上昇中だからこそ、超特急はこんなヤバいグループなんだということをもっと詳しく知ってほしい!!
※「8号車」は超特急のファンネームです🩷
制作ツール
VScodeで制作(HTML)
成果物の仕様
進捗記録
最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。
2025.06.23
見出された問題点
- メニューが見ずらい、ハンバーガーデザインを要検討
→コードミス(レスポンシブが不適切)
- aboutにデザイン性が足りない
- 言葉の統一
好評を得た点 > プロジェクトの特性として
- たくさんページがあって見応えがある
- 端的に説明できている
2025.06.16
今回制作したプロトタイプ
メンバー紹介デザイン
プロトタイプの説明
- 動画をたくさん掲載する予定→ライブ映像(公式)>MV>音源
- 用語が多すぎてどれを説明しようか悩み中。。。
2025.06.09
現状分析
課題定義
1. どのくらい情報を載せるか
2. 公開方法
3. ページのデザイン
制作上のアイデア(課題ごとに複数のアイデア)
- 1. どのくらい情報を載せるか
載せたい情報が多すぎるから、あくまで入門的な情報はどこまでか
載せる予定の情報
- メンバー紹介&推しポイント
- 曲
- グループの経歴
- 用語について
- LIVE・SNS・MEDIA
- 2. 公開方法
- 著作権の関係上、限定公開
- SNSに載せたいけど。。。
2025.06.02
テーマ候補
(前回の引き継ぎ)
- 推し関連(超特急)
- ネイルの魅力
- タイポグラフィ
- 夜空・プラネタリウム
- 平成で流行っていたもの
- 作品撮りについて
成果物の仕様
この演習を通して身につけたいスキル
- webのプログラミング・デザイン
- レイアウト
- 写真編集
- デザイン思考