Work
Findcare
医療・介護・福祉の事業所を探すための情報サイトです。本人や家族が、急いで、不安な状態で探す場面を前提に設計しました。
- お客様
- 伎冶メディアネット(伎冶商事)
- 区分
- 自社運営
- 業種・分野
- 情報サイト(医療・介護・福祉)
- 担当した範囲
- サービス設計/ロゴ/デザイン/開発・公開/運用
- 時期
- 2026年
Challenge
何を解こうとしたか
- 介護や福祉の事業所を探す場面は、多くの場合に時間の余裕が無く、本人ではなく家族が探していること。
- 制度の言葉(サービス種別・要介護度)がそのまま並ぶと、初めての人には読み解けないこと。
- 公開データの量が多く、絞り込みの設計を誤ると何も見つからないこと。
Decisions
決めたこと
-
01
緑を基調にして、角を丸める
医療系で多い青ではなく、落ち着いた緑を選びました。カードやボタンの角を丸め、線を細くすることで、画面から受ける圧を下げています。
-
02
制度の言葉に、普通の言葉を添える
サービス種別の名称はそのまま残しつつ、何ができる施設なのかを一行で添えました。用語を置き換えてしまうと、窓口で話が通じなくなるためです。
-
03
地域から入る導線を主役にする
最初に選ぶのは地域だと決め、市区町村から辿る入口を画面の中心に置きました。探す人の頭の中で最初に決まっているのが「どこで」だからです。
-
04
空き状況を扱える形にしておく
自治体が公開している空き状況を取り込める構造にしました。探す人が最も知りたいのは所在地ではなく「いま入れるかどうか」です。
Colors & Type
色と書体
- 深緑 #0A7657 ロゴ・ボタン・見出し
- 淡緑 #E7F4EE 見出しの帯・タグ
- 霞 #F4F6F5 背景
- 墨青 #1B2730 本文
- Hiragino Sans/Noto Sans JP
- 見出し・本文とも。高齢の利用者を想定し、字を大きめ・行間を広めに取りました
Build
どう作ったか
- Astro + Cloudflare Pages。事業所のデータは Cloudflare D1 に持ち、公開データの取り込みは日次で自動化しています。
- 事業所ごとのページと、市区町村ごとの一覧ページを自動で生成しています。
- 事業者向けの管理画面(掲載内容の更新・問い合わせの受け取り)を同じサイトの中に持たせました。
この事例と同じ考え方・同じ作り方で、ご依頼いただいた制作にも取り組みます。作るものと毎月のことを選ぶと、その場で概算のお見積りが出ます。