安心と暮らしを伝える介護支援住宅サイト

PROJECT OVERVIEW

業種： 高齢者対応賃貸住宅
制作背景： 新施設「あまてらすのんのん」のオープンに伴う公式Webサイトの新規立ち上げ
サイト規模： 7ページ
使用CMS ：WordPress

新施設のオープンに伴い、公式Webサイトを新規制作したいとのご相談からプロジェクトがスタートしました。

新規開設のため既存のWebサイトはなく、施設パンフレットなどの資料をもとに、Webサイトに必要な情報を整理し、サイト全体の構造を一から設計する必要がありました。

また、入居を検討されるご本人だけでなく、ご家族による情報収集も想定し、施設の特徴やサービス、料金などをわかりやすく確認できるサイトを目指しました。

新規施設のため、施設について予備知識のないユーザーが訪れることを前提にサイトを設計。

施設概要だけでなく、入居を検討する際に確認したい情報を整理し、「施設について知る情報」と「入居を検討するための情報」を分けて構成しました。

入居までの流れ・料金・よくある質問は、いずれも入居検討時に確認したい情報として「入居案内」の1ページに集約。関連する情報を一連の流れで確認でき、複数ページを行き来せずに必要な情報へアクセスできる構成としました。

ースマートフォンからも情報を確認しやすいUIへ

PCとスマートフォンそれぞれの画面幅に合わせ、情報の見せ方や操作性を調整しました。

特に情報量の多いコンテンツは、スマートフォンではアコーディオン形式に切り替えることで画面の占有を抑え、必要な情報を選んで確認できる設計にしています。

単にレイアウトを縮小するのではなく、デバイスごとの閲覧性を考慮したUI設計を行いました。

ー安心感と親しみやすさを両立したデザイン

高齢者向け住宅としての安心感や信頼感を大切にしながら、堅くなりすぎない、明るく親しみやすいデザインを意識しました。

白を基調に余白を広く取り、やわらかな色合いをアクセントとして使用。
施設やスタッフの写真も大きく取り入れ、サービスや設備の情報だけでは伝わりにくい、施設での暮らしや雰囲気をイメージしやすいデザインに仕上げています。

また、コンテンツの表示にはゆるやかなアニメーションを取り入れ、派手な動きは抑えながら、サイト全体のやわらかな雰囲気に馴染む演出にしています。

新規施設のWebサイト立ち上げにあたり、ヒアリング内容をもとに必要な情報の整理からサイト全体の構成設計、制作まで一貫して担当しました。

情報設計	要件整理・サイトマップ・情報整理・ページ構成・ワイヤーフレーム
ディレクション	進行管理・クライアント調整・制作管理
デザイン	Webデザイン制作
コーディング	HTML/CSS実装・WordPressテーマ構築