社会福祉法人ル・プリ様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、新たな試みとして、多様な目的に応じてスムーズにご利用いただけるよう、「お仕事」「施設情報」「お知らせ」という3つの情報をCMSで連携させることで、どのページからでも関連する情報を閲覧していただける効率的なシステムを構築いたしました。また、メインビジュアル下にお知らせコンテンツへの動線を配置することで、各施設のご利用者様が直近のイベント情報をすぐに確認していただけるよう設計しております。設計デザインからシステムまで社内一貫体制で、臨機応変に柔軟なご対応が出来るのも弊社の強みの1つです。

また、画面が大きいPCサイトでは、実際のご利用者様の自然体なお写真を数多く配置することで、お客様の「地域社会に密着した暖かいイメージ」をサイト全体で表現しております。

卒業後は人の役に立てる福祉関係の仕事をしたい「保育科専攻の大学生」や、最新のイベント情報を知りたい「施設利用者様のご家族」など、特に新卒採用を目的としているユーザーをメインターゲットに設定いたしました。そのため、スマートフォンとPCの使用比率を8：2と想定し、モバイルファーストとして設計しております。

モバイル用サイトでは、ユーザビリティを高めるため、トップページのファーストビューで採用ページへの動線バナーを大きく見せる形で配置しているほか、採用ページ専用のナビゲーションメニューをページ上部に配置いたしました。また、ハンバーガーメニュー内で「障碍福祉」「高齢福祉」「児童福祉」「保育」の4つの主要コンテンツを見せることで、ユーザーに目的のページを最短の動線で閲覧していただくための設計を行っております。ほかにも、色付きの下線でポイント部分をマークアップすることで、情報を直感的に認識していただけるよう表現いたしました。

さらに、仕事別・施設別の2つの視点からお知らせを表示することで、施設情報を必要とするユーザーに対しても、ユーザビリティの高い設計となっております。

デザイン面では、幅広い年代の方にご覧いただきやすいよう、全体的に見やすいデザインを意識いたしました。例えば、丸やドットを使用した優しい色合いのイラストや、ビーンズ型の切り抜き写真を取り入れているほか、見出し部分にはロゴデザインをモチーフにした波線の装飾を配置しております。

また、複数のカラーを使用しながらもサイト全体を柔らかいトーンで統一しているほか、写真の角をとって配置し、ポイントとして曲線のパーツを使用するなど、優しい印象をもっていただけるよう意識しております。さらに、お客様の業種の多様性を表現するため、たくさんの実際の施設風景写真を組み合わせたメインビジュアルにいたしました。

システム面では、お客様は横浜を中心に約40箇所という多くの施設をお持ちのため、エリアや業種から施設を絞り込むことができる「検索機能」を導入することで、ユーザーが目的の施設をすぐに見つけられるユーザビリティの高い機能的な導線設計となっております。また、お客様側で更新頻度の高い施設情報ページはさまざまな角度から見た施設写真やご利用日時、施設の設備など、管理画面からの簡単な操作で自由に更新していただけるシステムとなっております。