株式会社Impressive

共済・保証サービス事業者のコーポレートサイトをWordPressでリニューアル

期間
2018年
役割
WordPress実装、コーディング
WordPressGulpSassNunjucksDocker

共済・保証サービス事業者のコーポレートサイトをWordPressでリニューアル

共済・保証サービスを提供する事業者のコーポレートサイトを、WordPressでリニューアルしました。すでに運用中だった旧サイトからの切り替えであり、ドメインは既存のものを継続利用しています。

課題: 会員向け機能を含むサイトの刷新

対象のサイトは一般公開向けのコーポレートページに加えて、ログイン機能を備えた会員専用ページ(メールマガジン会員向けページなど)を持っていました。一般公開部分と会員専用部分の両方を、運用中のサービスを止めずにWordPress環境へ刷新する必要がありました。また、旧サイトで計測していたアクセス解析の設定を新サイトへ引き継ぐことも求められました。

アプローチ: コーディング環境とWordPress実装の分離

FLOCSS/BEM設計に基づくSCSSとGulpによるビルド環境でHTML/CSSのコーディングを行い、Nunjucksをテンプレートエンジンとして利用しました。ローカル開発環境はDockerで構築し、コーディング済みの静的テンプレートをWordPressテーマへ組み込む形で実装を進めました。会員向けページにはログイン制御やパスワードリセット機能を実装し、記事の並び替えや複製など運用担当者が管理しやすい仕組みも組み込みました。旧サイトのアクセス解析コードは新サイトに移植し、計測の継続性を確保しました。

成果

一般公開部分と会員専用部分の双方を含むコーポレートサイトを、既存ドメインを継続利用したままWordPress環境へリニューアルしました。公開後も運用担当者からの要望に応じて表記修正や機能追加などの軽微な改善を継続し、サイトの安定運用につなげました。