見出し画像

WEBディレクター(実務経験20年)が伝えるWEB制作の裏話【株式会社MUSIC CIRCUSのコーポレートサイト公開しました】

こんにちは!NEYXZ.グループ公式 note編集部のクリエイティブ課ヒデです!

新しくグループに加わった「株式会社MUSIC CIRCUS(ミュージックサーカス)」のコーポレートサイトを立ち上げましたので、御紹介いたします。

(実は私、WEBディレクションが本職です。
少し専門的な話がでるかもしれませんが、ガッツで読んでください。笑)

株式会社MUSIC CIRCUS
株式会社MUSIC CIRCUS コーポレートサイト

株式会社MUSIC CIRCUSは、
音楽、花火、食文化を融合した総合エンタテインメント・プロモーターとして国内屈指の企画力と実績のある会社で、新たにNEXYZ.グループに迎えました。
これにより、エンタテインメントによる新たな地域活性プロジェクトをスタートいたします。

広報部より

コーポレートサイトではありますが、イベント企画会社ということもあり、
「見やすさ」以上に「伝わる」サイトを目指しました。

主に「3つ」注力しました。

1.エンタテインメントを表現する

エンタテインメントを表現する

イベント「MUSIC CIRCUS」の魅力が伝わるように、
動画や画像にギミック(仕掛け)を加えました。

メインビジュアルには、フル動画をみたくなるように、少し長いと10秒動画をループさせて、暗くし、下にある「Promotion Movie」ボタンを探させるようにしています。

「Statement」部分でみせているサービスの図ですが、各サービスをもとに、地方活性化へと広がることをイメージできるよう、円の動きで表現しました。

各画像の切り替えも、通常のフェードイン・アウトではなく、某ミュージシャンのサイトが使っているギミックを採用し、訪問者を惹きつけています。
少し処理が重いのが難点です。笑


2.トレンドをおさえる

トレンドをおさえる

メインビジュアルの動画をPC用ヨコ、スマホ用タテで分けて制作しました。

今では”PCとスマホ用で分けて作るのは当たり前。”と思われますが、制作の現場は一筋縄ではいかず、コストやスケジュールの関係で分けることができないということは多々あります。
今回は、映像ディレクターが事前にスマホでも表現できるように設計し、中心に情報を集約したり、一部スマホ用に作り直しています。

もう1点は、上下にスクロールした際に感じると思いますが、急に止まるようにしていません。

「慣性スクロール」という、主にマルチタッチインターフェースで採用されている機能で、画面を素早くスクロールさせた際、指を画面から離しても急には止まらず、慣性が作用しているようにスクロールがある程度維持される機能のことで、滑らかな動きを感じてもらうようにしています。

この機能は、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年後、社員になにを残すことができるんだろう。社員の未来を考えれない経営者は失格だ。」と思ったそうです。
その話を元に「地域の未来をカタチにする(=それができる社員がいる)」をメインコピーで表現しました。


「創業してうれしかったこと」

これは私の「やる気スイッチ」を押した内容です。

創業当時、うれしかったことの1つとして、“社員がマンションを買ったと報告に来てくれたこと。”とおっしゃってました。

人生最大の買い物を社員がした・・・なにかこの会社での覚悟がみえたんじゃないかと推測しました。
ちなみにこの話を聞いた時、私、少し泣いてました。(笑)

以上が、コーポレートサイトを制作する根幹となる部分です。

月並みではありますが、「作って終わり」ではなく、制作する側も納得して作らないと、成果はでないと思います。

これからも株式会社MUSIC CIRCUSは飛躍していきます。
その内容はコーポレートサイトに反映していきますので、ご期待ください。

最後まで読んでいただき、ありがとうございました。


新卒採用サイト
NEXYZ.グループでは、現在採用強化中です。


【25卒】
NEXYZ.Groupでは25卒の方を対象に、全国の支店にて会社説明会を開催しております。
ご予約は下記からお願いいたします!

【26卒】
26卒の方対象とした1DAYインターンシップを開催中です。
ご予約は【マイナビ2026】または【ONE CAREER】のからお願いいたします。


この記事が参加している募集

新卒採用サイトはこちらです。仕事内容や社内のことがわかる情報を発信しております。是非ご覧ください。