Website / The Raisinsという架空のポップアーティストミュージシャンのサイトを制作しました。（職業訓練校の制作課題／架空・テーマ自由）

THE RAISINS WEB SITEを見る

Concept　-コンセプト-

The Raisins（電子音楽と環境音楽に影響を受けて、独自なサウンドを生み出すローファイ、エレクトロ、ニューウェイブ、ポップミュージシャン）の世界観

Target　-ターゲット-

age：20代前半〜30代後半
people：インディーロック、ディスコミュージック、ヒップホップ、クラブカルチャーを好む音楽ファン。音楽やアートが生活の一部に自然に存在している人。クリエイターや音楽業界の専門家。

Purpose　 -目的-

アーティストの世界観を知っていただくこと、音源のダウンロード、各SNSに誘導すること。

Design　-設計-

音楽ファンから口コミ（ライブ会場やSNS）で認知の輪が広がっていく感覚を大切にしたいと思い、インパクトのあるシングルカラムのサイト設計を採用し、必要最小限の情報とSNSのリンクを配置することで、ユーザーがスムーズに目的の情報にアクセスできるようなデザインにしました。
TOPページには、最新情報とライブ情報、コンタクトページの構成にし、ユーザーが知りたい情報とライブ出演オファーなどがしやすいように工夫しました。
コンテンツを最後までご覧いただきたいので、SNSは各ページのフッターに配置しました。

Comment 　-説明-

Y2K（1990年代〜2000年代）を彷彿とさせるファッション、音楽、アーティストの世界観から、サイト全体を任天堂のビデオゲームやWindows95をイメージして制作しました。SNSからWebサイトにアクセスしてくれた人にも世界観がさらに伝わり退屈せずにサイトを見てもらえるよう各ページにGifアニメーションを配置し、背景にはローファイな印象の写真を選定。アーティストとリンクする中毒性とポップな世界観を表現しました。
自ら音楽やカルチャーを掘り下げて調べる文化・習慣がある人たちや、レコードショップでレコードを探すのが好きな人たちに、いいアーティストを見つけた！というワクワク感、幸福感をWebサイトを通じて体感してもらえることを理想にしています。

Tool　-使用ツール-

  • Photoshop（画像作成・デザインカンプ作成・Gifアニメーション作成）
  • Illustrator（CDアートワーク・グッズのロゴ作成）
  • Visual Studio Code（コーディング）

Coding　-コーディング-

  • HTML5
  • CSS3
  • jQuery

Production period　-制作期間-

  • 企画、ワイヤーフレーム：2日間
  • デザイン：1週間
  • コーディング：2週間