インターナショナルセラピースクール様(サービスサイト)|Web制作実績 レスポンシブ対応|制作実績
SEO対策の強化とフルオーダーメイド設計により、集客につながるホームページへ
クライアント | インターナショナルセラピースクール様(東京都渋谷区) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | サービスサイト 医療・美容・薬品 エステ・ジム・鍼灸院 |
URL | https://www.international-therapy.com/ |
制作チーム |
|
POINT
制作のポイント
一般社団法人インターナショナルセラピー協会(ITA)認定校として、受講生が認定セラピストとして活躍できるまでの支援をされているインターナショナルセラピストスクール様のサービスサイトをリニューアルいたしました。
今回、リニューアルの目的としては、「新規顧客を増やしたい」「競合他社よりも見やすいデザインにしたい」「SEO対策を強化したい」という3つのご要望をいただきました。
まずは、新規顧客を増やすための施策として、メインビジュアルのすぐ隣に「スクールコース」と「オンラインコース」の導線バナーをわかりやすく設置いたしました。サイトに訪れたユーザーがすぐに主要コンテンツを閲覧できるため、3PV(ページビュー)以内でスムーズにCVしていただける設計となっております。
ディレクション
K.Kishimoto
メインビジュアルの右下に「セラピスト世界大会優勝の手技全公開」という人気のYouTube動画を訴求コンテンツとして設置いたしました。お客様はYouTubeの動画配信にも力を入れており、中でもセラピスト世界大会で優勝した動画は大きな信頼性を感じさせます。実際の施術動画をホームページ上でご紹介することで、セラピストスクールへの信頼感、安心感をさらに強めております。
Webデザイン
A.Suzuki
今回のリニューアルでは、「セラピストとして転職を考えている女性会社員」や「独立を考えている理学療法士」など、20~40代までの幅広い男女ユーザーをターゲットに設定いたしました。そのため、スマートフォンとPCの使用比率を8:2と想定し、モバイルファーストとして設計しております。
モバイル用サイトでは、通学目的の方へのユーザビリティにこだわりました。具体的には、画面上部のメニューボタンの横に「学校案内」ボタンを設置することで、ユーザーは最短導線で目的の学校情報を閲覧でき、移動中の方でもすぐにアクセス情報を確認していただける設計にしております。
設計面では、主要コンテンツである「スクールコース」「オンラインコース」ページの訴求を高めるためのレイアウトにこだわりました。例えば、各コースページへの導線バナーにネイビーとゴールドの背景色を使用し、メインビジュアル下に大きく配置することで、視覚的に訴求するだけではなく、タップエリアが広くアクセスしやすいレイアウトにしました。さらに、スクールコースは「アロマセラピスト資格認定講座」「セラピストインストラクター認定講座」など5種類の認定講座ページへの導線バナーを優先順位順に表示することで、まずは講座内容に興味を持っていただき、CVRをさらに高めるための施策を行いました。
Webデザイン
A.Suzuki
デザイン面では、重厚感のあるダークネイビーをベースカラーとして使用し、高級感を感じられるゴールドをポイントとして使用することで、「一流を育てるセラピストスクール」というお客様の特徴を配色で演出いたしました。また、ホームページ内の写真は全てお客様からご支給いただいた実際のレッスン風景写真を使用することで、自然と現場の雰囲気を感じられるデザインしております。
エンジニア
T.Taguchi
システム面では、管理者様が最新のグループレッスン日程をタイムリーに更新していただけるよう、「レッスン日程CMS」を開発いたしました。こちらのCMSでは、管理画面からテキスト入力とチェック項目を埋めるだけで、簡単にグループレッスンの日程表を更新できるシステムとなっています。ページごとの表示分けもチェックのみで可能にしているため、ユーザビリティが高く運用しやすいシステムとなっております。
マーケティング
M.Ono
「初めての方へ」「選ばれる理由」などの主要コンテンツには、プロのライターによる原稿作成サービスをご契約いただきました。専任のライターがお客様を直接取材させていただき、サービスの特徴や強みを「訴求できる原稿」としてライティングいたします。ユーザーが知りたい情報を充実させることは、CVR向上だけではなく、SEO対策としても効果的です。お客様はHP運用コンサルティングサービスをご契約のため、弊社主導でSEOに強い原稿構成をご提案させていただいております。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
リニューアル前は、ホームページを通して思ったように集客できていない点を課題として挙げられていました。また、スマートフォンでも見やすいデザイン設計にリニューアルしたいというご要望もいただいていました。
HP運用コンサルティングをご契約いただき、専門家によるSEOに関する施策立案から実施、効果検証まで手厚くサポートすることで、集客を増やすことができました。また、スマートフォンでは、「学校案内」ボタンをメニューボタンの横に固定表示することで、最短導線で目的の学校に関する情報を閲覧できる設計に仕上げました。さらに、ハンバーガーメニューでは主要なコンテンツをサムネイル写真付きで大きく配置することで、ニーズの高い情報にたどり着きやすい導線設計となっています。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS