WebサイトのリニューアルとCMS導入で、ユーザビリティとページ更新性を向上

課題

業務用通信カラオケ「JOYSOUND」の情報発信拠点として、多くのユーザーに親しまれてきたJOYSOUND.com。長年運用を続けてきたフロントエンドの技術基盤のサポート終了のタイミングを迎えたことで、より新しい技術への刷新に取り組む好機となっていました。あわせて、アクセスの全体の大半を占めるモバイル端末経由でのユーザーへも最適化されたコンテンツを届けられる状態を目指すことも、エクシングにとって重要なテーマとなっていました。

加えて、コンテンツ管理の観点においても、自社で構築した管理画面を通じてエンジニアの手を借りる必要があり、担当者自身がよりスピーディーに情報発信できる仕組みへと改善する余地があると認識していました。

こうした複数の観点から、エクシングはWebサイトのリニューアルという大きな決断を下し、モンスターラボとプロジェクトに挑むことになりました。

ソリューション

モンスターラボは、要件定義を日本チームが担当し、そこで固めた仕様をもとにデザイン・開発をフィリピン拠点が担うハイブリッド体制でプロジェクトを推進しました。日本側で整理した要件を的確にフィリピン側へ引き継ぐことで、拠点をまたぎながらも一貫性のある開発を実現しました。

プロジェクトの初期段階では、UIデザインに着手する前にデザイン戦略の提案にも伴走。Google Search ConsoleやGoogle Analyticsのデータから見えるユーザーインサイトの分析をもとに、JOYSOUNDのブランドパーソナリティを言語化し、ビジョンからトーン&マナーまでを一貫した設計思想として整理。色彩・書体・キャラクター活用などのデザインアセットに落とし込んだうえで、モバイルファーストの考え方を軸に画面設計を刷新しました。こうした上流工程を経て、スマートフォンでの操作性や視認性を重視したUIへとアップデートしています。

技術面では、フロントエンドの基盤をモダンなフレームワークへと刷新。サーバーサイドレンダリングを活用した構成へと切り替えることで、ページの表示速度などを改善しました。静的ページの更新にはヘッドレスCMS を新たに採用。エンジニアを介さずとも担当者自身がページを更新できる仕組みを整えることで、情報発信のスピードと柔軟性を高めています。あわせて、ブラウザ・サーバー双方でページキャッシュを実装し、サイト全体の表示速度を大きく改善しました。さらに、フロントエンドの技術基盤を刷新し、将来的な機能拡張や保守のしやすさにも配慮した設計としています。アクセスの多くを占めるモバイルユーザーにとって、より快適で分かりやすい体験を届けられるよう、細部にまでこだわった開発を行いました。