アーティストサイト

目的

アーティスト情報を入手しやすく
またもっと知ってもらうきっかけとなるように

コンセプト

アーティストらしさを最大限に引き出す

ターゲット

いち早くアーティストの最新情報を入手したい人
また、アーティストに興味のある人

制作物について

この制作物では、下層ページまでデザインを行いました。
トップページではコンテンツの順序を丁寧に考えながら配置を行なっています。
工夫した点として、今回起用させていただいたアーティストの特徴である、シンクロダンスをアピールしたかったので、タブメニューを取り入れた動画コンテンツを配置し、大きく目立たせるデザインにしました。
メニュー欄にはトップページのファーストヴィジュアルとは異なる写真を使用することで、ファン心をくすぐるようなものを意識しました。(②)
ライブの下層ページでは、グッズページに飛べるリンクを貼り付けています。トップページにリンクを貼らなかったのは、普段、販売は行なっておらず、ライブが開催している間だけグッズを買うことができるようになっているということだったためです。(⑤)
全体として、カラーはアーティストのイメージカラーである紫を多用、また、サイトを訪問した際に情報が分散しないようなレイアウトにしました。
また、このサイトはトップページのリデザインも行いました。整理整頓されたサイトから、遊び心をプラスしたことで、アーティストの雰囲気や、仲の良さが伝わるように意識しました。

デザイン(TOP)

デザイン
大きくビジュアルを
配置
知りたい情報を
先に配置
アーティストの武器が
分かるコンテンツを
タブメニューで!
全体的に整理された
レイアウトに!
アーティストのイメージカラー、
紫を使用

デザイン(メニュー)

デザイン
メニューのバックは
紫をメインに
メニュー内には
TOPとは違うビジュアルを配置

デザイン(下層1:MEDIA)

デザイン
情報を簡潔に
まとめる

デザイン(下層2:NEWS)

デザイン
MEDIA同様の
レイアウトに

デザイン(下層3:LIVE)

デザイン
グッズページにすぐ飛べる
ボタンを配置
値段は
最初に記載しておく
お問い合わせ先を
最後に持ってくることで
チケットの購入方法を分かりやすく

デザイン(下層4:PROFILE)

デザイン
大きなビジュアルと
簡単な紹介
一人ずつにして
見やすく

デザイン(TOP2)

デザイン
さらにアーティストの
良さを出すために
遊び心をプラスした
リデザイン