フラ＆タヒチアンダンススクール「TEAM BLENDA」様のホームページ刷新では、単なるデザイン変更だけではなく、サイト構造や運用システムそのものを大きく見直しました。
見た目の裏側では、導線設計、データ整理、WordPressシステム開発、サイト移転など、多くの技術的改善を実施しています。
今回は、その中でも難易度の高かったポイントを紹介します。
旧サイトは「WordPress風HTMLサイト」だった
まず行ったのは、既存サイトの構造分析です。
一見するとWordPressサイトに見える構成でしたが、実際には多くのページが固定HTMLで作られていました。
そのため、
- 更新箇所が複数存在
- 同じ情報を手作業修正
- スマホ導線が統一されていない
- 投稿連動ができない
- データ整理が難しい
という状態になっていました。
特に、受賞歴やクラス情報のように更新頻度が高いページでは、運営負担が大きくなっていたのが課題でした。
導線をゼロから再設計
今回の刷新では、まずサイトマップを整理。
- レッスン
- 受賞歴
- ショー依頼
- 会社案内
- お問い合わせ
- ブログ
など、役割ごとにページを再配置しました。
さらにスマートフォン表示を重視し、
- CTAボタン整理
- アンカーリンク設計
- 回遊導線強化
- 体験申込導線統一
を実施。
「迷わず目的へ進める構造」を意識しています。
受賞歴システムを全面自動化
今回もっとも特殊だったのが、受賞歴管理システムです。
TEAM BLENDA様では、多数の大会実績や受賞情報を継続的に更新しています。
しかし旧サイトでは、HTMLへ直接記述する箇所も多く、
- 表示漏れ
- 並び順崩れ
- 重複修正
- 更新負担増加
が発生しやすい状態でした。
そこで、WordPressのカスタム投稿と独自開発のPHPを活用し、
- 年度別整理
- メンバー別自動表示
- 大会ごとのグループ化
- 受賞数自動集計
- 関連ページ連動
を実装。
DB知識を駆使し、運用負担を減らしながら、一覧性も向上しました。
受賞歴ページをシステム化し、更新作業を簡素化。
大量データでも整理しやすい構造へ改善しました。
Instagram連携と更新システム開発
更新感を出すため、Instagram連携も強化。
さらに、スマートフォンから簡単に投稿できるメール投稿システムも構築しました。
これにより、
- イベント出演
- レッスン風景
- 大会結果
- 日々の活動記録
を、リアルタイムで発信可能に。
「ホームページが止まって見えないこと」も重要な改善ポイントでした。
Instagram表示や更新システムを組み込み、
動きのあるホームページへ改善しました。
WordPress移転と再構築
サイト移転も、今回の大きな技術課題でした。
既存サイトを止めずに、新環境で再構築を進行。
- テスト環境構築
- URL置換
- データ移行
- キャッシュ調整
- .htaccess再設計
- WordPress動作最適化
などを段階的に実施しました。
特に、旧環境ではHTMLとWordPress機能が混在していたため、構造整理とURL設計には細かな調整が必要でした。
見た目ではわからない部分ですが、安定動作のためには非常に重要な工程です。
「運営し続けられるサイト」を目指した
ホームページ制作は、公開して終わりではありません。
更新しやすく、整理しやすく、運営し続けられること。
それが、長く使われるサイトには必要です。
TEAM BLENDA様の新サイトでは、
- 更新性
- 表示速度
- スマホ対応
- 情報整理
- 運営負担軽減
まで含め、全体を再設計しました。
表から見えるのはデザインですが、裏側では多くのシステム改善が動いています。
※サイト制作記事は 教室の熱量を伝えるTEAM BLENDA様のホームページ作り変え