And・Rise様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、ホームページ制作のもう一つの目的として、「ブランドイメージを高めたい」というご要望をいただいたため、画面の大きいPC用サイトでは、お客様の強みをファーストビューで訴求できるよう、メインビジュアルを工夫いたしました。具体的には、お客様のロゴカラーでも使用されているブルー系の優しい色味の大きな円の中に、お客様の手がけている3つのサービスに関する写真をスライドショーで表示することで、事業内容を視覚的に分かりやすく伝えております。

また、お客様の提供しているサービスの内容や強みをユーザーに分かりやすく伝えるため、「And・Riseについて」や「サービスページ」などの主要なページの原稿は、プロのライターがZoomによる綿密なヒアリングを行い一から作成しました。そうすることにより、お客様ならではの強みを印象的なキャッチコピーや分かりやすい文章で訴求することができ、CVRを高めたコンテンツに仕上げています。

モバイルサイトでは、「オンラインスクールの責任者」や「転職活動中の塾の先生」など、個人ユーザーや求職者がメインターゲットとなるため、スマートフォンとPCの使用比率を8：2と想定し、モバイルファーストで設計しております。

今回、主要な目的として「お問い合わせを増やしたい」というご要望をいただきました。そのため、ユーザーがコンテンツに共感・納得をした際に、どのページを閲覧していてもスムーズにお問い合わせページにたどり着けるよう、ヘッダーに導線ボタンを固定表示いたしました。モバイルサイトではお問い合わせボタンのデザインは、お客様のご要望であるスタイリッシュなデザインを崩さないよう、あえて「お問い合わせ」といった文字を記載せずに、ロゴカラーのブルーを使用したメールのアイコンのみにすることで、シンプルでユーザビリティの高いデザインに仕上げております。

デザイン面では、メインターゲットである法人様に企業としての信頼感を与えられるよう、シンプルな導線設計にすることで、必要な情報を見つけやすくユーザビリティに配慮したホームページに仕上げております。同時に、サービスを提供する人の温かみや親しみやすさを感じていただけるよう、丸みのあるデザインを多く取り入れました。ボタンや写真の角を丸くするだけでなく、トップページの背景全体にも大きな円をさりげなくあしらうことにより、ホームページ全体の雰囲気をやわらかなものに仕上げています。

システム面では、さくらオンライン塾・サービス請負業務・インサイドセールスという3つのサービスを実際に利用したユーザーの声を掲載できる「導入事例」を、オリジナルのCMSで自社開発しました。こちらのCMSでは、それぞれのサービスに関する事例を、ボタン一つで簡単にカテゴリー分けすることができます。さらに、「利用サービスから探す」という欄にサービス名が表示されるため、導入を検討しているユーザーが該当のサービスに関する導入事例をすぐに閲覧することができます。