WEBディレクター（実務経験20年）が伝えるWEB制作の裏話【株式会社MUSIC CIRCUSのコーポレートサイト公開しました】
こんにちは！NEYXZ.グループ公式 note編集部のクリエイティブ課ヒデです！
新しくグループに加わった「株式会社MUSIC CIRCUS（ミュージックサーカス）」のコーポレートサイトを立ち上げましたので、御紹介いたします。
（実は私、WEBディレクションが本職です。
少し専門的な話がでるかもしれませんが、ガッツで読んでください。笑）
株式会社MUSIC CIRCUSは、
音楽、花火、食文化を融合した総合エンタテインメント・プロモーターとして国内屈指の企画力と実績のある会社で、新たにNEXYZ.グループに迎えました。
これにより、エンタテインメントによる新たな地域活性プロジェクトをスタートいたします。
コーポレートサイトではありますが、イベント企画会社ということもあり、
「見やすさ」以上に「伝わる」サイトを目指しました。
主に「3つ」注力しました。
1．エンタテインメントを表現する
イベント「MUSIC CIRCUS」の魅力が伝わるように、
動画や画像にギミック（仕掛け）を加えました。
メインビジュアルには、フル動画をみたくなるように、少し長いと10秒動画をループさせて、暗くし、下にある「Promotion Movie」ボタンを探させるようにしています。
「Statement」部分でみせているサービスの図ですが、各サービスをもとに、地方活性化へと広がることをイメージできるよう、円の動きで表現しました。
各画像の切り替えも、通常のフェードイン・アウトではなく、某ミュージシャンのサイトが使っているギミックを採用し、訪問者を惹きつけています。
少し処理が重いのが難点です。笑
2．トレンドをおさえる
メインビジュアルの動画をPC用ヨコ、スマホ用タテで分けて制作しました。
今では”PCとスマホ用で分けて作るのは当たり前。”と思われますが、制作の現場は一筋縄ではいかず、コストやスケジュールの関係で分けることができないということは多々あります。
今回は、映像ディレクターが事前にスマホでも表現できるように設計し、中心に情報を集約したり、一部スマホ用に作り直しています。
もう１点は、上下にスクロールした際に感じると思いますが、急に止まるようにしていません。
「慣性スクロール」という、主にマルチタッチインターフェースで採用されている機能で、画面を素早くスクロールさせた際、指を画面から離しても急には止まらず、慣性が作用しているようにスクロールがある程度維持される機能のことで、滑らかな動きを感じてもらうようにしています。
この機能は、AppleのiPhoneやMagic Mouse、新型MacBookのマルチタッチトラックパッドや、Google Mapsのように、PC上でマウスのドラッグ&ドロップにも採用されています。
3．大付社長の「想い」を加える
コーポレートサイトなので、ごちゃごちゃせず「画像とテキストが整然と並んでいるレベルで良い」という方もいらっしゃると思います。
私もその考えはあります。
しかし今回、株式会社MUSIC CIRCUSの大付楽洋（おおつき らくよう）代表取締役社長の「会社はどうあるべきか」をお聞きして、本サイトにもそのエッセンスを盛り込むべきだと思いました。
まずは・・・
「MADE IN JAPAN であること」
メインコピーに「MADE IN JAPAN」を掲げた理由として、
MUSIC CIRCUSで大事にしていることは、「MADE IN JAPANであること」です。
MUSIC CIRCUSを通じて日本のアーティストや文化が世界に発信できることを使命感としている、ということでしたので、
大付社長の「想い」が伝わるよう、直筆のコピーを掲載しました。
「社員になにを残せるか」
あるレストランで、皿洗いをしているおじいさんがいたそうです。
その方は、オーナーと40年来の仲とのこと。
大付社長は、その場面を見て「自分は10年後、20年後、社員になにを残すことができるんだろう。社員の未来を考えれない経営者は失格だ。」と思ったそうです。
その話を元に「地域の未来をカタチにする（＝それができる社員がいる）」をメインコピーで表現しました。
「創業してうれしかったこと」
これは私の「やる気スイッチ」を押した内容です。
創業当時、うれしかったことの１つとして、“社員がマンションを買ったと報告に来てくれたこと。”とおっしゃってました。
人生最大の買い物を社員がした・・・なにかこの会社での覚悟がみえたんじゃないかと推測しました。
ちなみにこの話を聞いた時、私、少し泣いてました。（笑）
以上が、コーポレートサイトを制作する根幹となる部分です。
月並みではありますが、「作って終わり」ではなく、制作する側も納得して作らないと、成果はでないと思います。
これからも株式会社MUSIC CIRCUSは飛躍していきます。
その内容はコーポレートサイトに反映していきますので、ご期待ください。
最後まで読んでいただき、ありがとうございました。
【25卒】
NEXYZ.Groupでは25卒の方を対象に、全国の支店にて会社説明会を開催しております。
ご予約は下記からお願いいたします！
【26卒】
26卒の方対象とした1DAYインターンシップを開催中です。
ご予約は【マイナビ2026】または【ONE CAREER】のからお願いいたします。
新卒採用サイトはこちらです。仕事内容や社内のことがわかる情報を発信しております。是非ご覧ください。
