🌻 介護タクシーのコーポレートサイト・デモを公開中
車いす対応車両・料金シミュレーター・Web予約フォームまで実装したデモサイトをご覧いただけます。高齢者のご利用を想定したUI設計の実例をご覧ください。
今回は、高齢者やそのご家族を主なご利用者とする「介護タクシー」のコーポレートサイトをデモとして制作しました。通院・入退院・冠婚葬祭の送迎を担うビジネスにおいて、Webサイトに求められる要素をひとつずつ実装しています。
介護タクシー業界のWebサイトは、ご本人よりもご家族が見て問い合わせるケースが多く、料金の透明性・対応可能な症状・実際のドライバーの顔が見えるかどうかが、選ばれる大きな決め手となります。
このデモサイトでわかること
- 介護タクシーに必要な情報設計（選ばれる理由・料金・ご利用の流れ・車両・スタッフ）
- 料金シミュレーターをJavaScriptで実装する実例（距離×介助料の自動計算）
- Web予約フォームの項目設計（乗車形態・復路の有無・お身体の状況）
- AIチャットウィジェット（モック）でよくあるご質問に24時間対応する導線
- 高齢者向けアクセシビリティ配慮（本文18px、ボタン高さ56px以上、コントラスト強化）
デモサイト基本情報
| 屋号（架空） | ひまわり介護タクシー |
| 業種 | 介護タクシー／福祉輸送 |
| 想定対象 | 要介護・要支援のご本人とそのご家族 |
| サイト種別 | コーポレートサイト（1ページ完結型） |
| 構成 | HTML／CSS／Vanilla JavaScript（フレームワーク不使用） |
| デモURL | https://demo-caretaxi.pharmapia.jp |
① ヒーローセクション — 車いすのまま、そのまま乗れる。
介護タクシーをお探しの方が最も知りたいのは「自分（または家族）でも乗れるか」です。ファーストビューで「車いすのまま、そのまま乗れる。」というストレートなメッセージと、国家資格（介護福祉士）・営業許可番号を掲載し、初見の不安を解消しています。電話予約とWeb予約の2つのCTAを併置し、高齢者ご本人にもご家族にも対応できる設計としました。
② 選ばれる理由 — 6つの安心ポイント
車いす・ストレッチャー対応車両／介護福祉士の乗務／早朝・夜間・日祝対応／明朗会計／院内介助／定期通院対応の6つを、絵文字アイコン付きのカードで分かりやすく整理しました。視認性を高めるため、本文サイズは一般的な16pxではなく18pxを採用しています。
③ サービス内容 — 利用シーンを具体的に
「介護タクシー」と言っても、ご利用シーンはさまざまです。通院・入退院・冠婚葬祭・転院・お出かけ・施設入居の6つを具体的に提示し、「自分の用途でも使えるのか」を直感的に判断いただけるよう設計しています。
④ 料金表 — 透明性が信頼を生む
介護タクシーは「高そう」というイメージが先行しがちです。基本運賃（タクシーメーター）と介助料（乗降・階段・院内）を明確に分けて提示し、料金の不透明感を払拭します。介護保険適用の可能性についても注記しました。
⑤ 料金シミュレーター — JavaScriptで即時計算
このサイトの目玉機能です。距離・乗車形態・階段数・院内介助時間・深夜早朝・往復の有無を入力すると、Vanilla JavaScriptで即時に合計額を計算します。問い合わせ前に予算感を把握できるため、お見積もり依頼のハードルが下がります。
※自動計算は目安として提示し、実際のご請求は実測メーターに準じる旨を注記し、後のトラブルを防いでいます。
⑥ ご利用の流れ — 4ステップで安心
初めてのご利用は不安が大きいものです。ご予約 → お迎え → 送迎 → お支払いの4ステップをシンプルに図解しました。各ステップに具体的なアクション（ご予約は2日前までなど）を添え、利用イメージを明確にしています。
⑦ 保有車両 — SVGで車両イメージを可視化
車両は「スロープ付き軽」「リフト付きワゴン」「ストレッチャー対応」の3種類を、SVG（ベクター画像）で描画しました。実写写真がない段階でも、車両のイメージと定員を視覚的に伝えられます。本番制作時は実車両の写真に差し替え可能な構造です。
⑧ スタッフ紹介 — 顔が見える安心感
介護タクシーを選ぶ決め手のひとつが「誰が運転してくれるか」です。代表＋女性ドライバー＋ベテランドライバーの3名を、保有資格（介護福祉士・第二種運転免許など）付きで紹介しました。女性ご利用者からのご指名にも対応できる体制をアピールしています。
⑨ FAQ — 問い合わせ前の疑問を先回り
介護保険の適用可否、予約のタイミング、車いすレンタル、家族の同乗、支払い方法、キャンセル料の6項目を、アコーディオンUI（details/summary）で実装。お問い合わせの前に疑問を解消でき、受電対応の負担も軽減できます。
⑩ Web予約フォーム — 高齢者でも迷わない項目設計
お名前・お電話・ご利用日時・出発地・目的地・乗車形態・復路の有無・ご要望を1ページに配置。必須項目には赤い「必須」バッジを付け、入力ミスを防止します。フォーム入力欄は高さ56px以上とし、スマートフォンでもタップしやすい設計です。
⑪ AI予約アシスタント — 24時間のよくあるご質問対応
右下のチャットボタンから起動する、AIによる予約アシスタントを搭載しました。料金・介護保険・車いすレンタルなどのよくあるご質問に、24時間対応します。このデモでは3パターンのモック返答ですが、本番ではAnthropic Claude APIに接続可能な構造になっています。
⑫ スマートフォン対応 — 高齢者のLINE経由閲覧も想定
ご家族がLINEで介護タクシーのURLを共有するケースを想定し、スマートフォン表示（390px）でも全機能が快適に使える設計としています。タップ領域は56px以上を確保し、高齢者でも誤タップしにくいレイアウトです。
介護タクシー業界で配慮すべきポイント
| 項目 | 対応 |
|---|---|
| 営業許可番号の明示 | ヘッダーとフッターに関東運輸局長許可番号を掲載 |
| 料金の透明性 | 基本運賃と介助料を分けて提示、シミュレーターで即時試算 |
| ドライバーの資格表示 | 介護福祉士・初任者研修・第二種運転免許を明示 |
| 介護保険との関係 | FAQで保険適用の可能性と相談先（ケアマネジャー）を案内 |
| キャンセルポリシー | 前日・当日・出発後の料金を明記しトラブルを予防 |
| デモ表示 | 「デモ用フィクション」の注記を複数箇所に明示 |
技術仕様
| フロントエンド | HTML5 / CSS3 / Vanilla JavaScript |
| フォント | Noto Sans JP（本文）／ Noto Serif JP（見出し） |
| レイアウト | CSS Grid / Flexbox（モバイルファースト） |
| ブレークポイント | 768px（モバイル）／1024px（タブレット）／1180px（デスクトップ） |
| アニメーション | Intersection Observer によるスクロールフェードイン |
| 画像 | SVG（車両・スタッフ・エリア地図） |
| ホスティング | Cloudflare Pages |
| アクセシビリティ | 本文18px／ボタン高さ56px以上／コントラスト強化 |
制作期間・費用の目安
今回と同等規模のコーポレートサイト（1ページ・12セクション・フォーム＋料金シミュレーター付き）を本番制作する場合、弊社では制作期間2〜3週間／費用30〜50万円が目安となります。実車両撮影・スタッフ撮影を含める場合は別途ご相談ください。
🌻 デモサイトを実際にご覧ください
パソコン・スマートフォンの両方で、料金シミュレーター・AIチャット・予約フォームをお試しいただけます。
介護タクシーのWebサイト制作について
LINEで気軽に相談できます
現役薬剤師が運営するPharmapiaが、医療・介護・福祉分野のWebサイト制作のお悩みにお答えします。
「ちょっと聞きたい」レベルの内容でもお気軽にどうぞ。
※ 友だち追加後、トーク画面からメッセージを送れます
介護タクシーのWebサイト制作は、Pharmapiaへ
Pharmapiaでは、医療・介護・福祉分野のWebサイト制作を数多く手がけています。業界特有の配慮事項（介護保険・ケアマネジャーとの連携・高齢者アクセシビリティ）を理解したうえで、ご利用者の不安を解消するサイト設計をご提案します。
介護タクシー事業者の方で、既存サイトのリニューアルや新規開業時のサイト制作をご検討の際は、LINE公式アカウントまたはお問い合わせフォームよりお気軽にご相談ください。
※このデモサイトに登場する屋号「ひまわり介護タクシー」、住所、電話番号、ドライバー名、営業許可番号、ご利用者様の声は、すべて架空のものです。実在の事業者・個人とは一切関係ありません。