移行コンテンツの最適化とマルチサイト化

業種: サービス
タグ: 大規模サイト構築

クリエイティブ制作

コーポレートサイト制作

UIデザイン

DIRECTOR

ユーザーの目的にあわせた動線設計とマルチサイト化

セサミ様はスポーツクラブの他にテニススクールやスイミングスクールなど、複数のサービス展開されています。

旧サイトは15あるクラブ・スクールで共通のフォームを使用していました。今回のプロジェクトでは各クラブ、スクールごとのマルチサイト化を実現しました。

また、動線設計も再考され、ユーザーが自分の目的にあったページへ遷移しやすくなりました。

DESIGNER

共通パーツを使用したマルチサイトのテーマカラー管理

今回のプロジェクトではコーポレートサイト、各スポーツクラブサイト、各スクールサイトと、複数のサイトのマルチサイト化をしました。

レイアウトやモジュールは基本的には全サイトで同じデザインとなっており、共通パーツを使用できるような設計です。
各クラブやスクールごとにテーマカラーを設定しており、ボタンや見出し、アイコンなどは同じパーツを使っていてもテニススクールは黄、ゴルフスクールは緑など、テーマごとに色違いになるようなデザインになっています。

そのため、全サイト共通で同じhtmlを利用できるようにbodyにそれぞれのテーマクラスをつけることで色の切り替えをしています。
色の管理にはSassのmixin機能を使用して効率よく設定・修正ができるようにしました。