日鉄ソリューションズ株式会社 リニューアルおよびCMS移行プロジェクト
日鉄ソリューションズ株式会社様のITソリューション・サービス紹介サイトのリニューアル作業を実施しました。コルシスでは開発フェーズにおける製作進行と、デザイン、フロントエンド実装、CMS開発を担当しました。
多様な業界に向けたソリューションの提案を適切なものとするため、リニューアルでは構成の大幅な再編を実施。MovableTypeでサービスと資料、読み物を紐づけ、各コンテンツを密に連携させることで、より理解を深められるようなウェブサイトへと進化しました。
- URL
-
https://www.marketing.nssol.nipponsteel.com/
- Client
- 日鉄ソリューションズ株式会社
- Scope
- プロジェクトマネジメント / UI/UX設計 / デザインディレクション / フロントエンド開発 / CMS開発 / インフラ構築
- Date
- 2025/04
イメージを一新し、これからの日鉄ソリューションズをアピール
これまではビジネス色の強い落ち着いたウェブサイトであったことや、日本製鉄という巨大なグループ企業のひとつであることから、硬く、実直なイメージを持たれやすいことが課題として存在しました。今回はそこから脱却し、柔軟さやフットワークの軽さを印象付けられるようなデザインを目指し、製作することとなりました。
コルシスではお客様に聞き取りを行い、配色からレイアウト、ビジュアルイメージの検討も含め総合的なデザイン提案を行いました。提示した2つのアイディアのうち、グラデーションを使用したより鮮やかなものが採択されました。ウェブサイトのタイトルであるMove!に合わせ、CSSアニメーションの実装や動きのある写真を組み合わせることで、全体として躍動感のあるデザインへと仕上がりました。
複合的にソリューションを提案する機能をCMSで実現
今回は各ソリューション・サービスを複数のカテゴリから探すことができるようにしたほか、各ページで関連する資料やセミナー情報を表示させるため、複雑な紐づけ作業が必要で、運用負荷が大きいことが想定されました。そのため、CMSによってある程度まで自動化し、少ない手数で各コンテンツの連携を実現しています。MovableTypeの標準機能を超える仕様には独自プラグインの開発も行い、登録された情報の不整合が起こらないように配慮しました。
長期的な運用やマーケティングも見据え、細かなトラッキングタグの使い分けにも対応しています。
Hubspotフォーム連携
申し込みフォームは導入済みのHubspotを引き続き使用しました。新しいデザインに合わせて調整を行いました。セミナー&イベントでは開催スケジュールに応じた出し分けに対応したり、フォームのIDを入力するだけで簡単にページに埋め込みできるようにするなど、機能面でもこだわりました。
SmartSync Platformを使用したセキュアなバックエンド
サーバー・CMSライセンス・プラグインがセットになったSmartSync Platformを導入しました。サーバーはステージング環境と公開環境の2台構成を採用することで、CMSに蓄積させた情報を守りながら、安全に社内承認も進められる優れた構成です。公開環境ではAmazon S3を使用することで、コストの引き下げも実現しています。