ホーム
ごあいさつ、3つの約束、ご利用までの流れ、ご家族の声、お知らせ・空き状況、アクセス（案内＋地図）。
<< デモ一覧に戻る
デイサービス・訪問介護のデモ
- このページでは、Frames CMS の製品版で実際に作った、小さなデイサービスと訪問介護の事業所のサイトをご紹介します。定員15名ほどの、地域の小さな事業所を想定した6ページ構成です。
- 使っているフレーム（デザインの枠）1種類とパーツ14種類を、すべて公開しており、「どのパーツを組み合わせれば、このページになるのか」がそのまま分かります。
- ヘッダーに「文字サイズ 小・大」の切り替えボタンが付いたフレームを使っています。サイトを読むのは、利用されるご本人と、そのご家族。文字を大きくして読みたい方が多い業種です。
実際に動くサイトです。ヘッダー右上の「大」を押すと、サイト全体の文字が大きくなります。
まずは全体像から
このデモの構成
6つのページで構成しています。小さな介護事業所なら、これで足ります。
01
02
サービス内容
デイサービス・訪問介護・入浴・体操の4つを色の帯つきのカードで。対象（要介護1〜5など）のラベルと、時間などの情報も添えています。介護認定や認知症のことなど、よく聞かれる質問も載せています。
03
1日の流れ
お迎えからお送りまでのタイムラインと、行事の写真。「行ったら何をするの？」に答えるページです。
04
ご利用料金
要介護度ごとの自己負担の目安と、昼食代などの実費。ご家族がいちばん気にするところを表にしています。
05
事業所案内
ホールの写真、事業所の概要（スタッフの資格まで）、送迎の範囲。
06
見学・体験のお申し込み
ご希望（見学・無料体験・利用相談）と、ご利用になる方とのご関係を先に伺うフォームです。触ってみてください。
このほかに、お知らせの一覧ページと記事ごとのページも自動でできています。トップの「お知らせ一覧へ」から見られます。
デザインの土台
使っているフレーム
このデモで使っているフレームは 「fsize1（文字サイズ切り替えボタン付き）」 です。
fsize1 は、ヘッダーの右に電話番号・受付時間と「文字サイズ 小・大」のボタン、その下に日本語と英語の2段のメニューが並ぶフレームです。メイン画像はスライドショー。年配の方が読むサイトや、電話での問い合わせが多い業種と相性がよいレイアウトです。
フレームとは、サイト全体の「枠」のことです。ヘッダー・メインビジュアル・メニュー・フッター・全体の余白や配色を、まとめて決めているものだとお考えください。製品版では約50種類から選べます。
「大」を押すと、サイト全体の文字が大きくなります
ヘッダー右上の「大」を押すと、本文・見出し・メニュー・パーツの文字が、まとめて約1.4倍になります。別のページに移っても、ブラウザを閉じるまで大きいまま続きます。
このボタンは、パソコンなど画面の広い端末で表示されます。スマホは、もともと端末側で文字の大きさを変えられるので、ボタンは出しません。設定は不要で、fsize1 を選ぶだけで使えます。
ヘッダーに、電話番号と受付時間
管理画面の「サイト基本設定」で「電話番号（任意）」と「受付時間（任意・ヘッダーに表示）」を入れると、ヘッダーの右上に出ます。「まず電話で聞きたい」という方に、どのページからでも番号が目に入る形です。
メニューに、英語の小さな表記
「サービス内容」の下に「SERVICE」、「ご利用料金」の下に「PRICE」。管理画面の「メニュー」で、項目ごとに「サブ表記」を入れると2段で出ます。空のままなら1段です。
メイン画像は、3枚とも「キャッチの背景」を付けています
管理画面の「メイン画像」で、各画像の「キャッチの背景」を「黒の半透明」にしています。文字の後ろに角の丸い半透明の箱が敷かれるので、どんな写真でも文字がはっきり読めます。年配の方が読むサイトでは、読みやすさをいちばんに考えました。
色は、管理画面で3色だけ変えています
fsize1 の標準の配色は、紺のメインカラーに赤のアクセント。このデモでは管理画面から、メインカラーをやわらかい緑に、アクセントカラーをオレンジに、薄い色を淡い緑に変えました。CSSには一切触れていません。
同じフレームで作った、ほかのデモ
設定を変えるだけで、ここまで変わります
Frames CMS のデモは、すべて同じ1つの CMS で作っています。下のデモは、このデモと同じフレーム「fsize1」を使ったものです。
テーマカラー・メイン画像・ロゴ・並べるパーツを変えるだけで、同じフレームでも、印象がここまで変わります。
税理士事務所
このデモの作り方
使用したパーツ
セクションごとに、使ったパーツです。
管理画面で同じパーツを選べば、同じ形が作れます。
ホーム
| セクション | 使ったパーツ | Free版 |
|---|---|---|
| ごあいさつ | 基本セット（見出し＋本文＋画像） | |
| 3つの約束 | 特徴・サービス（アイコン3列） | |
| ご利用までの流れ | ステップ案内（縦・番号＋画像） | |
| ご家族の声 | お客様の声（星評価） | |
| お知らせ・空き状況 | お知らせ一覧（最新記事） | |
| アクセス | アクセス（案内＋地図） |
サービス内容／1日の流れ／ご利用料金
| セクション | 使ったパーツ | Free版 |
|---|---|---|
| サービス4つのカード | コース・クラス紹介（色の帯つきカード） | |
| よくあるご質問 | FAQ（Q&Aマーク付き・カード型） | |
| 1日の流れ | 沿革・年表（タイムライン） | |
| 行事のようす | ギャラリー（複数画像） | |
| 要介護度ごとの料金 | 多列テーブル（自由な列数） | |
| 保険外の費用 | 表（項目と内容） |
事業所案内
| セクション | 使ったパーツ | Free版 |
|---|---|---|
| ホールの写真 | 画像（1枚） | |
| 事業所の概要 | 表（項目と内容） | |
| 送迎の範囲 | 箇条書き（中黒・番号） |
全14種類のパーツのうち、11種類は製品版でのみ使えるものです。とくに沿革・年表（タイムライン）は、デイサービスの1日を時間ごとに見せるのにぴったりです。製品版では70種類以上のパーツが使えます。
お知らせは、記事をためていく形です
トップの「お知らせ・空き状況」は、管理画面の「お知らせ」で書いた記事の新しい3件が自動で並びます。記事ごとのページと一覧ページもできるので、空き状況や行事の報告を、スタッフさんが日記のように書き足していけます。
お知らせの機能は Free（無料版）でも使えます。写真つきの記事も書けます。
パーツの小ワザ
① 料金は「多列テーブル」と「表」を使い分けています。
要介護度ごとの料金は、同じ項目が何行も並ぶので多列テーブルに。昼食代などの実費は「項目と内容」の表に。並べる情報の形に合わせてパーツを選ぶと、読みやすくなります。
② 「空き状況」は、記事のタイトルに【】で入れています。
「【空き状況】火曜・木曜に空きがあります」のように書くと、トップの一覧でひと目で空き状況のお知らせだと分かります。
ゼロから作らなくて大丈夫です
このデモを、そのままお使い頂くことも可能です
製品版をご購入いただいた方には、このデモと同じ中身が入った状態のデータをご利用頂く事も可能です。
デモデータをご希望の場合は、購入者マイページからDLして下さい。
このデモをベースに「ゼロ」から作るお客様向けです。すでにFrames CMSでページを作られている場合、デモのデータを入れると既存の内容は引き継がれません。作りかけのサイトがある方は、パーツを1つずつ置いていく通常の方法をおすすめします。
作るときの参考に
介護事業所のサイトで迷いやすいところ
- 文字サイズの切り替えボタンは、本当に使われますか
- 年配の方が自分で見るサイトでは、よく使われます。老眼で小さな文字が読みにくくても、ブラウザの拡大のやり方までは知らない、という方は少なくありません。
ボタンが見えているだけで「このサイトは自分に向けて作られている」と伝わるのも、大きな効果です。 - 料金は載せたほうがいいですか
- 目安だけでも載せたほうがいいです。介護保険の料金は複雑ですが、ご家族は「だいたい月にいくらか」を知りたがっています。
このデモのように、要介護度ごとの1回あたりの目安と、昼食代などの実費を分けて書いておくと、問い合わせの前にイメージしてもらえます。正確な金額は、面談のときにケアマネジャーさんと一緒に説明すれば大丈夫です。 - 空き状況は、どこに書けばいいですか
- お知らせの記事に書いて、トップに出すのがおすすめです。空き状況は変わりやすいので、ページの本文に書くと直し忘れが起きます。
記事なら日付が付くので、「いつ時点の情報か」も自然に伝わります。 - スタッフの写真は載せたほうがいいですか
- 載せられるなら、載せたほうが安心感につながります。ご本人もご家族も、「どんな人がお世話をしてくれるのか」を気にしています。
顔出しが難しい場合は、このデモのように手元や後ろ姿の写真、ホールや浴室など場所の写真だけでも雰囲気は伝わります。 - スマホでの見え方が心配
- すべてのパーツが、画面の幅に合わせて自動的に並び替わります。スマホ用に別のページを作る必要はありません。3列の約束は1列に、料金の表は横スクロールに切り替わります。
メニューはスマホではボタンひとつにまとまり、押すと大きな文字のリストで開きます。
この構成で作れるサイト
介護事業所以外にも
このデモはデイサービスと訪問介護を想定していますが、同じ構成のまま、内容を差し替えるだけで使える業種がたくさんあります。
町の内科・歯科／整骨院・鍼灸院／調剤薬局／訪問看護ステーション／有料老人ホーム／自治会・町内会／シニア向けの習い事教室 など、「年配の方とそのご家族が読む」サイトであれば、そのまま当てはまります。
業種によって変えたほうがよいのは、「1日の流れ」と「ご利用料金」の中身くらいです。診療の流れや料金表に書き替えてください。
まずは無料で試せます
Free（無料版）のご案内
Frames CMSには無料版があります。登録不要でダウンロードでき、期限もありません。
ご自身のサーバーに設置して、管理画面の使い勝手を確かめてから、製品版をご検討ください。
無料版で作ったページやお知らせは、製品版に切り替えてもそのまま残ります。作り直しは必要ありません。
<< デモ一覧に戻る