介護ホームWebサイト リニューアル（PC/SP）架空案件
概要
地域密着の介護ホームの公式サイトを全面リニューアルを想定した架空案件。やさしい青を基調に、清潔感と信頼を最優先したトーンで再設計しました。見学予約・問い合わせの導線を強化し、初めての人でも不安なく情報に辿り着けるUIを目指しています。
課題と狙い
旧サイトは情報の粒度がばらつき、**「何ができる施設か」**が一目で伝わりにくい
CTAの配置が曖昧で、見学・問い合わせのアクションが起きにくい
スマホ表示での読みづらさやアクセシビリティ配慮が不足
→ リニューアルでは「施設の安心感」「スタッフの人柄」「サービス内容」を直感的に理解でき、行動につながる導線を設計
→ リニューアルでは「施設の安心感」「スタッフの人柄」「サービス内容」を直感的に理解でき、行動につながる導線を設計
コンセプト
“こころ通う介護を、奈良から”
奈良らしさ（鹿のビジュアル／自然の写真）を取り入れ、地域とつながる拠点であることを象徴。
色彩はペールブルー～ホワイト中心。医療・介護領域で一般的な信頼／衛生感を担保しつつ、温かみを失わない彩度と余白設計に。
奈良らしさ（鹿のビジュアル／自然の写真）を取り入れ、地域とつながる拠点であることを象徴。
色彩はペールブルー～ホワイト中心。医療・介護領域で一般的な信頼／衛生感を担保しつつ、温かみを失わない彩度と余白設計に。
情報設計（IA）
ヒーロー：キャッチ＋地域性の写真＋主要CTA（見学予約／お問い合わせ）
施設について：理念・特長を3～5点で要約（“安心・自立支援・地域連携”など）
サービス一覧：アイコン化したカードで視認性と比較性を向上
施設紹介：写真ギャラリーと短い説明で雰囲気を可視化
スタッフ紹介：メッセージ＋人員構成（介護職員数など）で安心材料を具体化
アクセス：住所・地図・連絡先をひとまとめに
お問い合わせフォーム：入力項目を最小限にし、離脱要因を削減
デザインの要点
カラー：#EAF2FC系の淡い青を背景、要所のCTAは濃い青でコントラストを確保（WCAG AA準拠）
タイポ：可読性重視のゴシック。見出し/本文/注釈の3階層で情報密度を整理
カードUI：角丸＋柔らかいシャドウで“やさしさ”を表現
写真：笑顔・対話・ケアの様子を中心に、安心の情景を優先採用
奈良らしさ：ヒーローに自然と鹿を配置し、地域とのつながりを可視化
UX・導線
ヘッダー右上に主要CTAを固定し、どのスクロール位置からも予約/問合せへ遷移可能
セクション内にも文脈CTA（例：「サービスを詳しく見る」「見学を申し込む」）を配置し、回遊→行動の流れを自然に設計
フォームUX：必須項目の最小化／入力補助（プレースホルダ・エラーメッセージ）／送信後の安心メッセージ