さいたま市社会福祉事業団様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
”綿密な設計”と”最新トレンドデザイン”により、ホームページの効果を最大化
クライアント | さいたま市社会福祉事業団様(埼玉県さいたま市) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | コーポレートサイト コーポレートサイト・事務所 求人・リクルート強化 施設関連 |
URL | https://www.saicity-j.or.jp/ |
制作チーム |
|
POINT
制作のポイント
障害者・高齢者・お子様に向けて、136箇所の施設で福祉支援サービスをご提供されている「さいたま市社会福祉事業団様」のコーポレートサイトをリニューアルいたしました。
今回、リニューアルの目的として、「新規の施設利用者を増やしたい」「情報の公開性・公共性を高めたい」「新卒採用を強化したい」という3つのご要望を頂きました。
まずは、新規の施設利用者を増やすため、「最低限の施設情報だけが一覧で記載されていた」旧サイトの施設ページにオリジナルCMSを導入し、136箇所の福祉施設それぞれに専用の個別ページを設けております。さらに、各施設ページには最新のお知らせ情報や一日の流れなど、ユーザーが知りたい情報をより具体的に掲載することで、入所をご検討中の方が安心してお問い合わせしていただくための後押しとなるコンテンツに仕上げました。また、今回のリニューアルによって、最新のお知らせ情報や施設情報をブラウザ上の管理画面からリアルタイムで更新していただけるようになったため、情報の公開性が高いホームページに生まれ変わりました。
今回、ターゲットごとの目的に合わせて、「サービスページ」「施設ページ」という2種類の入口を設けました。そのため、新規ユーザーは「サービスの特徴」を、既存ユーザーは「最新の施設情報」をスムーズな流れで閲覧できます。弊社では、綿密なユーザー行動シミュレーションを行った上で、最短導線でCVしていただけるよう、ターゲットごとの知りたい情報に合わせたフルオーダーメイド設計を行っております。
また、ユーザビリティを高めるため、「駐車場マーク」「お風呂マーク」等のアイコン画像を一つひとつ手作りし、各施設ページに設置することで、施設特有のサービス内容を視覚的に表現しつつ、統一感のあるデザインのホームページに仕上げました。ほかにも、画面が大きいPC用サイトでは、実際のスタッフとご利用者の自然体なお写真を多く使用し、大きく見せる形で配置することで、ユーザーに安心感を与えるデザインを意識しております。
システム面では、お客様がブラウザ上で簡単に更新していただけるよう、お知らせと施設情報にCMSを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、CVをアップさせるためのツールとしてご活用いただけます。
デザイン面では、お客様のシンボルマークで使用されている丸型をモチーフに、各サービスを通して「優しく支えあうイメージ」をデザインで表現いたしました。また、ユニバーサルデザインを意識し、ホームページ全体のフォントには、文字サイズが大きく視認性の高い「UDゴシック」を採用しております。
Webデザイン
モバイル用サイトでは、ページ上部のヘッダーに施設検索の導線を固定表示することで、ユーザーが目的の施設情報をすぐに閲覧できるよう工夫いたしました。また、お客様は136箇所という非常に多くの福祉施設をお持ちのため、施設検索ボタンを押した後は、あえて「障碍者向け」「高齢者向け」「子供向け」「相談支援」という4種類の導線に絞り、カラフルなイラスト付きのバナーを大きく表示することで、高齢のユーザーでも感覚的に操作していただけるユーザビリティの高い設計となっております。
また、CV率向上の対策としましては、「3PV(ページビュー)以内にCV」ができる導線設計にこだわりました。例えば、各サービスページには通常のサービス内容だけでなく、「お客様の声」や「よくある質問」などユーザーが知りたい情報を1ページの中で表現しているほか、サービス対象施設への導線を設置することで、ユーザーが最短導線でスムーズにお問い合わせしていただける設計にしております。
さらに、「ホームページ内の最新情報がほとんどPDF形式だった」旧サイトのお知らせと施設情報コンテンツを一新し、更新しやすいオリジナルCMSを独自開発いたしました。お客様は管理画面からタイムリーに更新でき、ユーザーはご利用中の施設からの最新情報をスムーズに閲覧していただけるよう、クライアントとエンドユーザーの両方のご要望にお応えしております。弊社はデザインからシステムまで社内一貫体制ですので、お客様お一人おひとりの細かなご要望に合わせて、フルオーダーメイドのCMSシステムをご提供させていただきます。
デザイン面では、すっきりとしたホワイトをベースカラーに、お客様のシンボルマークの緑をアクセントカラーに使用することで、柔らかく温かみのあるサイトになるよう意識しました。また、コンテンツの優先度に合わせてイラストと写真をバランスよく併用することで、重要なポイントを自然と強調する視覚効果デザインを行っております。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、ヒアリング取材、原稿作成、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS