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

SOLUTION

DIRECTOR

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

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

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

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

DESIGNER

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

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

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

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

ENGINEER

Movable TypeからWordPressへのリニューアル

本プロジェクトは、Movable TypeというCMSで構築されていたサイトをWordPressでリニューアルするというものでした。

CMSを構築するのは私自身初めての経験でしたので、フィールドを取得し、どうViewに表示するのかを学ぶとてもいい機会になりました。

構築する上では、管理画面上のフィールド設定などの操作を極力お客様にわかりやすいようにすることを心掛けました。