日帰りで、入浴・食事・体操を。
くわしく見る介護施設のホームページの構成と、各部の名前
介護施設のホームページを読むのは、本人よりも、親の預け先を探している家族であることが多く、見学と相談の申し込みがゴールです。文字を大きく、色の差をはっきりさせ、電話番号をいつも見えるところに置きます。サービスの内容、一日の過ごし方、家族の声、利用までの手順の順に、不安をひとつずつ減らしていきます。
図は、デイサービス「はるにれの家」の架空のページです。気になる場所か名前を選ぶと、その言葉の説明が開きます。
- ナビゲーションバー
大きな文字の行き先に、アイコンを添えてわかりやすく。
- 文字サイズ切り替え
年配の方も読む。文字の大きさを選べるようにする。
- 電話ボタン
相談は電話が多い。番号と受付時間を、いつも右上に。
- ヒーローセクション
笑顔の写真と、やさしい言葉で、まず安心してもらう。
- コントラスト
地の色と文字の色の差を大きく。小さな字も読める。
- ブロブシェイプ
ゆるい曲線で写真を切り抜く。やわらかい印象に。
- お知らせ一覧
休みや行事の知らせ。動いている施設だと伝わる。
- フィーチャーセクション
サービスを3つに分け、同じ形のカードで見せる。
- ピクトグラム
単純な絵のアイコン。文字を読む前に、中身が伝わる。
- 角丸 / ボーダーラジウス
角を大きく丸める。やさしく、親しみやすくなる。
- タイムライン
朝から夕方までの過ごし方を、時間の順に並べる。
- テスティモニアル
家族の声。預ける前の不安を、やわらげてくれる。
- 吹き出し
吹き出しに入れると、その人の言葉として読める。
- ステッパー
申し込みから利用までの手順を、番号で順に示す。
- アクセスマップ
見学に来る人のために、建物の写真と地図を並べる。
- 概要表
名称や定員を、項目と内容の2列の表にまとめる。
- CTAセクション
最後に、見学と相談へ。電話番号を大きく見せる。
- フッター
施設と法人の名前、行き先の一覧をまとめる。
図 介護施設のページの中にある、18の名前。
この構成で、AIに頼む
図と同じ順番と部品で、ページをつくってもらうための文章です。
文章を確かめる
「デイサービス」のホームページ(トップページ)を作成してください。 ページは、上から次の順で組み立ててください。 1. ナビゲーションバー:上段に、法人の名前と、文字サイズ切り替え(標準・大)、お問い合わせへのリンクを置く。下段に、ロゴ、アイコン付きの大きなメニュー、電話番号と受付時間を置く。 2. ヒーローセクション:左に、やさしい言葉の大きな見出し、短い説明、「見学・相談を申し込む」ボタンと「資料をもらう」ボタンを置く。右に、利用者とスタッフの笑顔の写真を、やわらかい曲線の形(ブロブシェイプ)に切り抜いて置く。 3. お知らせ一覧:お知らせを新しい順に2〜3件、日付とタイトルで並べ、「一覧へ」のリンクを付ける。 4. フィーチャーセクション:サービス(デイサービス・ショートステイ・訪問介護)を、3列のカードで紹介する。カードには、単純な絵のアイコン(ピクトグラム)、名前、ひとことの説明、くわしく見るリンクを入れる。カードの角は、大きく丸める。 5. タイムライン:一日の流れを、時刻・アイコンや写真・することの組み合わせで、朝から夕方まで、時間の順に横へ並べる(タイムライン)。 6. テスティモニアル:利用者の家族の声を、丸い顔写真と、吹き出しに入れたひとことで、2件紹介する。 7. ステッパー:問い合わせから利用開始までの流れを、番号つきの4つのステップで、横に並べる。 8. アクセスマップ:左に、名称・所在地・定員・営業日・送迎の範囲をまとめた概要表、右に、建物の写真と地図を置く。 9. CTAセクション:最後に、見学へ誘う。短い呼びかけと、大きな電話番号、「フォームで申し込む」ボタンを、目立つ色の帯の上に置く。 10. フッター:ロゴ、メニューへのリンク、運営する法人の名前を置く。 全体は、クリーム色を基調に、オレンジと緑を合わせた、あたたかく親しみやすい雰囲気にしてください。見出しは丸ゴシック体にして、本文の文字は大きめ(18px以上)にし、背景との色の差をはっきりさせてください。角は大きく丸めてください。 スマートフォンでも読みやすいレスポンシブ対応にし、見出し・本文・ボタンに一貫したルールを適用してください。写真は、仮の画像でかまいません。




