Meet YOUR Music ~SixTONES ed.~
自分の好きな楽曲に出会える音楽サイト ・・・・・・・・・・・・・・・・
- 宮路 咲希
- Keywords：Website, Music, Favorite, SixTONES
- https://skmyj.wp.xdomain.jp/13-2/
概要
これは何？
あなたに合った楽曲に出会えるサイト
背景と目的
楽しい時、辛い時。どんな場面でも音楽を聴き、歌詞に力をもらえることが多い。
私が大好きなSixTONESの楽曲を通して、
音楽の素晴らしさを伝えたい！
コンセプト
"Meet YOUR Music"
楽曲をSixTONESのメンバーカラーに分け、まだ聴いたことのないあなたにあった楽曲に出会えるサイト
成果物の仕様
- サイトマップ
- ワイヤーフレーム
メンバー
宮路咲希
制作ツール
WordPress
illustrator
プロジェクトの期間
2023.09.19 - 2023.12.19
まとめ
- 1ページに2曲、固定ページが7つあるという部分で、1つのサイトにまとめることが難しく、手間がかかった。
- ジャケ写も1から作成したことで、illustratorのさまざまな表現方法を活用することができた。
調査
現状調査
- 楽曲決め
- Spotifyに楽曲がない
→自作ジャケ写の作成
→公式で上がっている楽曲のみYouTubeのリンクを貼る。
→歌を聴いて感じる印象をillustratorでジャケ写風に作る。
→自作ジャケ写の横に一番印象的な歌詞を載せる。
先行事例
技法・技術情報
- WordPress
- illustrator
プロジェクト管理
スケジュール
ToDo
進捗記録
2023.12.05
サイト作成
- クエリーループを使った表示方法→RED以外のページがうまくいかない
- プラグインを使用し、REDページを複製させて作成。
- 楽曲名にYouTubeのリンクを貼る
- 音楽チャート下のボタンを押したら、ページに飛ぶ
- 楽曲数が少ない？→その他のおすすめ楽曲として2曲提示（リンクのみ）
2023.11.28
ジャケ写作成完了
illustratorで作成。
- BLACK1曲、YELLOW1曲、BLUE1曲作成。
- BLUE楽曲 人人人→こっからに変更
2023.11.21
ジャケ写作成
illustratorで作成。
- GREEN2曲、YELLOW1曲、BLUE1曲作成。
- サイト内に載せるジャケ写を18曲から12曲に変更（1ページあたり2曲）
2023.11.14
ジャケ写作成
illustratorで作成。
- PINK内2曲、BLACK1曲作成。
2023.11.07
サイトの枠組み
- REDページの内容をどう配置するか
- PINK、BLACK等その他5つのページをどうするか
TOP、RED、PINK、BLACK、YELLOW、GREEN、BLUE→固定ページで作成
載せる楽曲（全18曲）→投稿ページで作成
全ページそれぞれの枠組み作成完了
2023.10.31
- 各ページ見出し作成
好評価だった点
- 音楽チャートが面白い
- 色でグループ分けしているところ
指摘された点
- 文字のイメージが強い
- 行間が少し気になった
改善の方向性
- 情報量が多い&色数が多くなるので、文字、画像サイズをしっかり決める
- ごちゃつかないように気を付ける
2023.10.24
- 現状報告、発表
- REDジャケ写作成
2023.10.17
- サイト構造枠組み作成
2023.10.10
- スケジュール確定
- ワイヤーフレーム作成
2023.10.03
サイト構成
- 曲選び、ジャンル決め
- サイトマップ制作
2023.09.26
Xfree
- WordPressの登録（3ヶ月ごとに更新）
テーマ決定
- SixTONESの音楽
→ジャンルごとに分ける。好きな歌詞を載せる。
2023.09.19
「第2の故郷、憧れの地、私の好きな場所・世界」
テーマ候補
- 私の好きな音楽の世界
- カジュアルの魅力
- 地元の魅力
- コラージュの世界
- SixTONESの音楽
- 今年観た映画まとめ
サイト題名.png
ワイヤーフレーム.jpg
サイトマップ.jpg
