比較することで求めるものが見えた、百年の歴史を誇る交響楽団のHP刷新

旧ホームページの使い勝手に課題を感じていたのが背景にあります。私たちの楽団は演奏活動だけでなく、演奏会の手配や財政管理、IT管理に至るまであらゆる運営を学生自身が担っていて、ひとつの会社のような組織になっています。ホームページも学生のみで制作・運用してきましたが、時代とともに課題が目立つようになってきたんです。

ひとつは、チケット購入までの導線です。旧ホームページではチケットへのボタンが画面右端に小さく置かれているだけで、スマートフォンでは表示すらされない状態でした。楽団にとってコンサート収入は運営に欠かせない収入源なのですが、購入までに何度もクリックが必要で、使いづらさを感じていました。

ふたつめは表示速度の遅さです。3秒以上かかる状態が続いていましたが、楽団内では原因が特定できず、歴代の担当者も改善できずにいました。

はい。楽団には幹事会をはじめ複数の運営チームがあって、私が担当しているIT推進係はホームページの運用やPCの管理などを担う係でして。コーディングが得意な私がメインで改善を進めていたんですが、どうしてもデザイン面で納得のいくものが作れなくて。それで外部の制作会社に依頼することにしました。

まずは自分でホームページ制作会社を調べてみたんですが、検索結果画面の上部に表示される会社はどこも大手の制作会社で、費用がかなり高い印象を受けました。情報収集を続けながら比較ビズを見つけ、複数社にまとめて相談できる上に費用もかからないということで、比較ビズ一本に絞って発注先を探すことにしました。

最初は多くても15社くらいから提案を受ければ見つかるかなと思っていたんですが、せっかくならたくさんご提案いただきたいと思って。思い切って上限をなくしてみたら、21社からご提案いただきました。

最終的な意思決定は幹事会が行うので、私は各社の見積金額や制作プロセス、完成までの目安、デモページの印象などを全社分スライドにまとめて幹事会に共有しました。

金額とデザインが主な判断基準でした。30万円台の安価な提案もあったので金額面では迷ったんですが、見積書の内訳が曖昧な会社もあって、追加費用が積み上がるリスクを考えると単純な金額比較だけでは決められなくて。最終的にはデザインが決め手になりました。

サンアント様のデモページはかなり印象的で、ページの読み込み中にロゴが動く演出が施されていたんです。以前から楽団内で実装したいと話が挙がっていた演出だったので、幹事会のメンバーに見せたら「ここがいい」と即決に近い反応で。

「データで見る早稲田大学交響楽団」というコンテンツの提案も大きかったです。

入団を考えている新入生にとって活動実態が一目で分かるコンテンツで、幹事会のメンバーからの評価も非常に高かったです。練習曜日を避けてバイトを入れやすい曜日はどこかとか、団内では出てこなかったようなアイデアをどんどん提案していただいて。出したい項目は全部通っていただいたので、本当にありがたかったです。

比較ビズ上で案件概要を見た時点で、楽団員に関する情報をまとめたコンテンツが刺さると感じていました。気に入っていただけてよかったです。

弊社の場合、本格的なホームページの新規制作やリニューアルにおいては、見積もりとセットでデモページを作ることが多く、現在公開されているトップページの大部分は、ご提案時からすでに作り込んでいた内容です。お客様には早い段階から完成イメージを持っていただけるよう、できる限り具体的にご提案することを意識しています。

一番大きかったのは、意思決定の難しさです。21社から6社まで絞り込むだけでもかなりの時間を要しましたし、自分一人では決められないので、段階ごとに幹事会のメンバーと合意を取りながら進める必要がありました。

デザインはもちろんなんですが、こちらが言語化しきれていない部分まで汲み取っていただけたことが大きかったです。要望を優しく受け止めてくれる会社にお願いしたいという気持ちがあったので、サンアント様はまさにそういう印象でした。

主に2点ありました。1点目は、100年以上の歴史を持つブランドの重み。2点目は、年4〜5回の主催公演や複数の依頼演奏を行う活動の豊かさです。この楽団の魅力を広く知ってもらい、1人でも多くの方に足を運んでいただけるよう、ホームページ全体を通して伝えたいと思っていました。

いわゆる"早稲田カラー"と呼ばれるえんじ色を軸に考え、最終的に「ダークトーンのえんじ色×金色のアクセント」で仕上げました。トップページのキービジュアルには、由緒ある楽団としての品格を表現するため、ステンドグラスをイメージした写真の切り替え演出を取り入れました。

高級感やプロフェッショナル感を保ちつつ、学生オーケストラらしい若々しさも残せるよう意識しました。品格だけに寄りすぎない、ちょうどよいバランスを目指したつもりです。

一番意識したのは更新性です。学生団体が運営するホームページなので、毎年担当者が変わるという前提条件のもと制作する必要がありました。WEBに関する知識がない方でも簡単に扱えつつも、詳しい方はより柔軟にカスタマイズできる設計を目指しました。

「データで見る早稲田大学交響楽団」は、通常であればコーディング負荷の高いコンテンツですが、今回のプロジェクトではGoogleスプレッドシートを活用しました。在学中の学生のデータを入力するだけで、最新の情報に反映できる仕組みにしています。コンサート情報の更新も、WordPress標準のブロック編集と、自社製プラグインの両方で対応できるようにしました。

旧ホームページはたどり着くまでのクリック数が多く、たとえばトレーナー・講師の情報を見るだけでも何度もクリックが必要でした。今回は「できるだけ少ないクリックで情報にたどり着けるようにしたい」というご要望もあり、情報設計自体も整理し直しています。歴史ある楽団なので、長く使えるオンラインアーカイブとしての役割も意識しました。

WordPressがここまで柔軟に使えるとは思っていなかったので、正直かなり勉強になりました。知識がない人でも使いやすく、詳しい人はさらに応用できる設計になっていて、次の担当者にも安心して引き継げそうです。

あとから振り返ると、制作中よりも制作会社を決めるときに21社分の情報をスライドにまとめる作業が一番しんどかったですね。情報をまとめながら、自分でも驚くほどの作業量になっていました（笑）。

制作に入ってからも、都度幹事会のメンバーに確認して合意を取ってから返答するという流れで。半年近くのプロジェクトだったので、その繰り返しでした。ただ、団内では出てこなかったようなアイデアをどんどん提案していただいて、それがどんどん形になっていく楽しさもありました。

少し個人的な話なんですが、一段落したタイミングで海外へ語学留学に出発したんです。現地の空港から神保様と修正のやりとりが始まって、時差も考えながらメールでやりとりしたのは、今となってはとても濃い思い出です。

かなり好評でした。新入生向けに限定公開していた情報を思い切って全体公開したことで「面白い」「分かりやすい」という声を多くいただきました。デザインについても「高級感がありながら学生オケらしい」と言ってもらえて。

Googleアナリティクスを見ても、入学式の日や新歓イベントの後に少しずつアクセスが伸びていました。ちゃんと新入生に届いている実感があって、それが嬉しかったです。

演奏会にもご招待いただきましたし、単なる制作案件ではなく特別な関係性が生まれたプロジェクトだったと感じています。公開して終わりではなく、その後のつながりまで含めて印象深い案件でした。

情報収集がしやすく、使いやすいサービスでした。各社の考え方や提案を比較していく中で、「この会社はこう考えていて、あの会社はこう考えている、でも自分たちが求めているのはこっちかな」という感覚が積み重なって、自分たちが本当に求めているものの輪郭が少しずつ見えてきたんです。「何が分からないのか分からない」という段階でも、比較しながら方向性を定められるのは大きかったですね。

複数のサービスを使っている中でも比較ビズが一番良心的だと感じています。新規案件のリードとしてメインで活用しているのですが、他サービスだと制作金額に対して一定割合のマージンが発生するケースもあります。比較ビズはその負担がないため、お客様に適正価格でご提案しやすいんです。

私はあと2年で卒業しますが、今回制作いただいた新しいホームページをしっかりと活用しながら、次の担当者へ引き継いでいきたいと思っています。「この楽団がこれからも安定して続いていってほしい」という思いに尽きます。演奏する側としても、聴く側としても楽しめる楽団であり続けてほしいですね。

比較ビズに相談される方の多くは、ホームページ担当になったばかりで「何から始めればよいのか分からない」という状況にいらっしゃいます。今回の田中様もそうだったように、最初は何が課題なのかすら言語化できていない状態からスタートすることも多いんです。

だからこそ、ヒアリングを重ねながら一緒にゴールを定め、最後まで伴走するスタイルをより強化したいと思っています。「作って終わり」ではなく、その後も長く使い続けていただけるホームページを届けていきたいですね。