株式会社モタラスは、このたび公式ホームページをリニューアルしました。
今回のリニューアルでは、単なるデザイン変更ではなく、当社が提供するAI活用支援、SEO記事制作、Web集客・CV改善支援の内容を、より分かりやすくお伝えできる構成へ見直しました。
また、今回の制作ではChatGPTを活用し、サイト設計、ページ構成、文章作成、導線整理、テスト環境での検証、公開前準備までを短期間で進めました。
ChatGPTを活用し、0ベースから再設計しました
今回のホームページリニューアルでは、企画、サイト構成、ページ設計、文章作成、導線整理、テスト環境での検証などにChatGPTを活用しました。
テスト環境の設計からサーバー設定、公開前準備、公開作業までを一連の流れとして整理し、正味3日間でリリースできたことは、当社にとっても大きな実践事例となりました。
これは、生成AIを単なる文章作成ツールとして使うのではなく、Webサイト制作・SEO設計・コンテンツ設計・業務整理に活用することで、限られた時間でも実務を前に進められることを示す取り組みです。
新規制作ではなく、既存HPの資産を活かしたリニューアルです
今回のリニューアルは、新規でWordPressサイトを一から作り直したものではありません。
既存ホームページには、これまで公開してきたコラム記事、固定ページ、URL構造、検索エンジンに認識されているページ情報などの資産がありました。そのため、単純に新しいサイトを作るのではなく、既存HPの情報を活かしながら、テーマ変更や表示崩れ、コラム移管時の不具合、内部リンクの不整合などが起きないように進める必要がありました。
そこで、まずテスト環境を整えたうえで、既存ページの情報をテスト環境へ移管し、新しいデザイン・構成・導線で表示確認を行いました。完成後は、テスト環境から本番環境へ移管し、公開後のデバッグ作業まで行ったうえでリリースを完了しています。
特に時間がかかったのは、この移管・確認・デバッグの工程です。見た目のデザインだけでなく、既存記事の扱い、テーマ変更に伴う表示差分、スマートフォン表示、問い合わせ導線、内部リンク、SEO上の影響を確認しながら進める必要があったためです。
新しいホームページUI
新しいホームページでは、PC表示とスマートフォン表示のどちらでも、サービス内容や問い合わせ導線が分かりやすく伝わるように設計しています。
リニューアルまでの主なスケジュール
今回のリニューアルは、事前に方向性を整理したうえで、5月2日から5月4日までの短期間で、テスト環境の構築、既存ページ情報の移管、主要ページ制作、公開前確認、本番環境への反映までを集中的に進めました。
| 日程 | 主な作業内容 | 実施したこと |
|---|---|---|
| 5月2日 | テスト環境・サーバー設定 | テスト環境の準備、サブドメイン・SSL・WordPress環境の確認、テーマ・基本設定の整理を行いました。既存HPの情報を安全に移管・検証できる状態を整えました。 |
| 5月3日 | 既存ページ移管・主要固定ページ制作 | 既存ページの情報をテスト環境へ移しながら、HOME、サービス一覧、各サービス詳細、お問い合わせ、会社情報など、リニューアル後の主要ページ構成を再設計・制作しました。 |
| 5月4日 | 表示調整・本番移管・デバッグ | PC・スマートフォン表示の確認、CTA導線、コラム一覧、実績・事例ページ、共通CSS、内部リンク、テーマ変更に伴う表示差分を確認し、テスト環境から本番環境への移管とデバッグを行いました。 |
短期間でのリニューアルではありましたが、既存HPの資産を活かしながら、サイト全体の役割を「中小企業向けのAI活用・SEO・Web集客支援を分かりやすく伝えるBtoBサイト」として再定義し、必要なページと導線を優先して整備しました。
リニューアルの主なポイント
- 既存HPのコラム・固定ページ情報を活かしながら、テスト環境で安全に再構築
- テーマ変更に伴う表示崩れやバグ要素を事前に確認・修正
- 中小企業向けのAI活用・SEO・Web集客支援が分かりやすい構成へ整理
- サービス内容、実績・事例、コラム、お問い合わせ導線を再設計
- PC・スマートフォンの両方で見やすいレスポンシブUIへ改善
- SEOだけでなく、AI検索時代にも伝わりやすい情報設計を意識
- 問い合わせ前に支援内容や実績を確認しやすい導線を強化
- テスト環境から本番環境への移管後も、公開後の表示確認とデバッグを実施
今後の情報発信について
今後は、AIライティング、SEO記事制作、コンテンツマーケティング、Web集客、問い合わせ改善など、中小企業の経営者・Web担当者の方に役立つ情報を発信していきます。
また、実際の支援事例やサイト改善の考え方も順次公開し、モタラスがどのように課題整理から施策実行まで支援しているのかをお伝えしていきます。
HPリニューアルに関するよくある質問
今回のリニューアルは新規でWordPressサイトを作ったものですか？
いいえ。今回のリニューアルは、新規でWordPressサイトを一から作ったものではなく、既存HPのコラム記事、固定ページ、URL構造などの資産を活かしながら進めたリニューアルです。テーマ変更や表示崩れ、内部リンクの不整合が起きないよう、テスト環境を整えたうえで作業しました。
リニューアルにはどのくらいの期間がかかりましたか？
主な制作・移管・公開前確認は、5月2日から5月4日までの正味3日間で進めました。ただし、既存ページの移管、テーマ変更に伴う表示確認、デバッグ、本番環境への反映など、見えにくい確認作業に多くの時間がかかりました。
ChatGPTはどの工程で活用しましたか？
ChatGPTは、サイト構成の整理、ページ設計、本文作成、SEO導線の設計、CTA文言、テスト環境での確認項目整理などに活用しました。単なる文章作成ではなく、Webサイト制作と業務整理の補助ツールとして活用しています。
今回のリニューアルで特に時間がかかった工程は何ですか？
特に時間がかかったのは、既存HPの情報をテスト環境へ移管し、完成後に本番環境へ反映し、公開後の表示確認とデバッグを行う工程です。既存コラムや固定ページを残しながらテーマ変更を行うため、見た目だけでなく、内部リンク、スマートフォン表示、SEOへの影響も確認する必要がありました。
新しいホームページでは何が分かりやすくなりましたか？
AI活用支援、SEO記事制作、Web集客・CV改善支援など、モタラスが提供するサービス内容を整理し、実績・事例、コラム、お問い合わせへの導線を見直しました。PCとスマートフォンの両方で、サービス内容や相談先が分かりやすい構成にしています。
AI・SEO・Web集客の改善をご検討中の方へ
株式会社モタラスでは、中小企業向けにAIライティング活用、SEO記事制作、Web集客導線の改善を支援しています。
自社サイトの検索流入や問い合わせ導線に課題を感じている方は、お気軽にご相談ください。
📘 著者プロフィール
