D etail
詳細情報

架空のアーティストサイト

https://iinoyuko.com/works/mikoshileila

分類:自主制作

内容:デザイン 、コーディング

制作時期:2021年5月

制作期間:デザイン (3日)コーディング(3日)

使用ツール:Illustrator/Photoshop/Adobe XD

使用言語:html/css/jQuery

概要:最新アルバムの宣伝サイト

職種:クリエイティブ(音楽)

ターゲット:10代〜20代前半の男女

アーティスト設定:自らの内面を綴った等身大の歌詞が同年代から反響を呼んでいる。
どちらかというとアイドル寄りで、楽曲も可愛く賑やかなものが多い。

デザイン

携帯からのアクセスを想定しています。
アーティストの設定から、女性向けの明るい配色を使用しました。
楽曲をより身近に感じられるように、アルバムのトラックリスト、MV動画、アーティストコメントを掲載しました。

コーディング

htmlとcssで作成しました。
パララックス、その他の画面エフェクトはjQueryを使用しています。
レスポンシブはPC用・モバイル用と二種類設定しています。
カフェのサイト

デザイン | コーディング

コーポレートサイト

デザイン

ヘッドフォンのLPサイト

デザイン

絵師の作品サイト

デザイン | コーディング

ゲームの公式サイト

デザイン | コーディング