クライアント】シリウス・ウィンド・バンド
【使用用途】演奏会の特設サイト
【制作ソフト】Wix・Adobe Illustrator(サイト全体の素材)・Adobe After Effects(ロゴアニメーション)
【制作時間】2週間
【背景・課題について】
創設後の初自主公演の演奏会で、宣伝として特設サイトを作成することとなりました。
宣伝を使用しているチラシでは、演奏会の情報と楽団の情報を入れてあったので
サイトではさらに深くフライヤーにない情報や、楽団の雰囲気をどう伝えるか課題となりました。
【自分の役割】
デザイナーとして、ご提案しました。
(チラシデザインは別のデザイナーさんに担当していただきましたので、メインビジュアルの素材を使ったサイト作成となりました)
【考えたこと・プロセス】
当団の良さである「第二の実家のような安心感」が感じられる、あたたかい雰囲気を観客の方々にも感じていただきたく、区別なく団員も観客もその会場にいる全ての人が「一緒に音楽を楽しむ仲間」であるという着地点を目指しました。
まず、ワイヤーフレームを作成した中で感じた課題がありました。
①曲紹介したあとの団員紹介の繋げ方に違和感があった。
②一年間の動き的なもの、今まで演奏した写真を横並びで動かして簡易的に説明するかどうか。
あくまで演奏会のLPサイトなので、コンテンツの流れを「演奏会内容>曲紹介>演奏会に込めた思いや団員さんなどの紹介>という流れで、スッキリさせた方が良いというアドバイスをいただきました。ただ端的に個々の情報をブロックで合体したようなまとめ方を感じてしまい、何よりサイトをみてもワクワクしない流れの印象を受けたのと、楽団の良さであるあたたかい雰囲気ではなく企業のような堅苦しさを感じました。
そのため手段としてとして、コンテンツの間ごとに「練習風景の写真」を入れさりげなく楽団の雰囲気をアピールしつつ、セクションの切り替えができるようにしました。また音符にアニメーションを入れたり、団員紹介の名前をイニシャルではなく、団ではどんな立ち位置や雰囲気をもった人なのかを伝えるべく、少しカジュアルな文面で身近にいる存在という印象を与えました。
【成果】
初の自主演奏会に限らず、ホール席の半分以上客席が埋まり無事に大成功を収めました!
また今回のチラシ配布先や、情報の発信・団員の共有にもたくさん課題が見えてきたので次回の演奏会でも詰めていけたらと思います。
- - - - - - - - - - - - - - - - - - - - - - - -
以下URLより帰属
https://mockupfree.co/product/free-iphone-macbook-pro-psd-mockup/