セフォラ様（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルのもう一つの目的として、「ブランドイメージを向上したい」というご要望をいただきました。そのため、「こもれびが選ばれる理由」ページでは、24時間対応可能な在宅ケアサービスやホスピタリティの高い対応力など、お客様の看護ケアサービスならではの魅力を余すことなく伝えられるページ構成に仕上げております。

また、メインビジュアルのすぐ下にアクセントカラーであるピンクをあしらった「対応エリア」の一覧を設置することで、ユーザーが対応エリアをスムーズに確認でき、より確度の高いお問い合わせにつながるよう設計いたしました。

さらに、ユーザーがどのページを閲覧していてもスムーズにお問い合わせができるよう、「メールからのお問い合わせフォーム」と「LINE相談」ページへの導線ボタンを、画面右上に固定表示いたしました。2種類の導線ボタンを配置することで、LINEから気軽に相談したいユーザーと、メールから問い合わせをしたいユーザーのどちらのニーズも叶える導線設計に仕上げております。

モバイルサイトでは、「看護を必要とする家族を持つ方」や「緊急時の対応をしてくれる在宅看護サービスを探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8：2と想定し、モバイルファーストで設計しております。

今回、目的の一つとして「ホームページからの集客を増やしたい」というご要望をいただきました。そのため、「お電話からのお問い合わせ」「メールからのお問い合わせ」「LINE相談」ができる3つの導線ボタンを、それぞれライトブルー・オレンジ・グリーンのアクセントカラーを使用し、画面下部に固定表示いたしました。そうすることで、ユーザーが納得したタイミングでスムーズにお問い合わせできる導線設計に仕上げております。

また、「在宅看護」と「外出看護」という2つのサービスページでは、「このようなお悩みはございませんか？」というコンテンツを上部に配置することで、ユーザーが悩みに共感し、 “自分ごと”としてよりサービスに興味を持った状態でページを閲覧できるようなページ構成を実現しております。

さらに、トップページの「ご利用案内」において、PCサイトではご利用の流れを横一列で表示していたところを、モバイルサイトでは縦表示に変更いたしました。そうすることで、モバイルサイトを縦スクロールする流れでご利用案内を確認できるデザイン設計に仕上げております。

デザイン面では、お客様のロゴでも使用されている「シロツメクサ」のイラストをフッターに使用しております。さらに、角を丸くトリミングした写真を随所に配置することにより、在宅看護の「温かみ」や「優しさ」をユーザーに伝え、お客様の利用者様に寄り添った手厚い看護を印象づけるデザインに仕上げております。

システム面では、最新情報を更新できる「お知らせ」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、ボタンひとつで簡単に「お知らせ」「在宅看護」「外出看護」をカテゴリー分けすることができるため、管理者様の負担を減らしながら、情報が整理されたお知らせページとしてご活用いただけます。