兵庫県明石市に本社を構える「ハルの日 介護タクシー」の公式サイトは、淡いピンクと白でまとめられた、やわらかな空気をまとうデザインになっています。介護や通院の送迎という、利用する側が少し身構えやすいテーマを扱いながら、画面から伝わってくるのは硬さではなく穏やかさです。
この記事では、Webデザインの見本という視点から、配色、ファーストビューの組み立て方、写真の見せ方、情報の並べ方を順に読み解いていきます。スマートフォンでの閲覧を前提にした小さなサイトが、要素を絞りながらどこまで伝えられるのかを考えるうえで、学べる点の多い作りです。
淡いピンクと白を土台にした配色設計
このサイトの印象を決めているのは、彩度を抑えたピンクの扱い方です。強い色をほとんど使わずに全体を明るく保ちながら、行動してほしい場所にだけ色を効かせる考え方が最後まで貫かれています。ここでは背景、アクセント、文字色の三つに分けて配色を見ていきます。
白に近い淡いピンクの背景と白いコンテンツ枠
画面の外周は、白に限りなく近い淡いピンク（#fcf6f8 に近い色）で塗られています。その内側に白いコンテンツ枠が縦長に置かれ、細い線で縁取られているため、台紙の上に一枚のカードを載せたような見え方になります。
背景と本文エリアの明度差はごくわずかですが、この小さな差があるだけで、読む場所が自然に中央へ絞られます。色数を増やしてにぎやかにするのではなく、面の切り替えだけで視線を集める、落ち着いた手法です。
行動してほしい場所だけに効かせたコーラルピンク
ページの中でもっとも強い色は、連絡先を示す横長のボタンに使われたコーラルピンク（#ffb8b8 前後）です。上から下へわずかに濃くなるグラデーションと角丸、そして小さな影が添えられており、押せる場所であることが色と形の両方から伝わります。
同じ系統のピンクは、最上部の細い帯や、事業者情報をまとめた表の見出しセルにも配られています。濃さを変えながら同系色でそろえているため、装飾としてのピンクと操作を促すピンクが混ざらず、それでいてページ全体の統一感が保たれています。
水色と濃紺で分けられた見出しの階層
文字色も一色ではなく、役割ごとに使い分けられています。屋号を示す行には明るい水色（#32c8ee に近い色）が、内容を説明する見出しには濃紺に近い青が当てられ、大きさの近い文字でも役割の違いが色だけで読み取れます。
いっぽうで、ロゴの上に小さく添えられた文字や、コンテンツ枠の上に置かれたサイト名はグレーに抑えられています。主役はロゴと連絡ボタンであるという序列が、色の濃さだけで示されています。
ロゴとファーストビューの組み立て方
ファーストビューは、ロゴ、屋号、所在地、連絡先という順に縦へ並ぶだけの簡潔な構成です。要素を足すのではなく、余白を大きく取って一つずつ見せる判断が、このサイトの性格をよく表しています。
太陽をかたどったロゴが決めるトーン
コンテンツ枠の上部中央には、丸みのある筆致で描かれたロゴが大きく置かれています。左側の文字は黄緑から水色へ、続く文字は黄から橙へと色が移り、最後の一文字は光を放つ太陽の形に置き換えられています。
寒色から暖色へ流れる並びと、角のない書体が組み合わさることで、朝の日差しのような明るさが生まれています。屋号の由来を文章で説明せずに、形と色だけで感じ取らせる作り方です。ロゴの上には小さな文字で事業の内容が添えられ、読みやすさも保たれています。
ロゴの上下には広い余白が確保されており、ページを開いた直後の画面にはロゴ以外の要素がほとんど入りません。情報量を思いきって絞ったこの見せ方が、名前と雰囲気を先に覚えてもらう役割を果たしています。
大きなボタンにまとめた連絡導線
ロゴの下には屋号と所在地が中央揃えで並び、そのすぐ下に「ご予約・お問い合わせ」の小見出しと横長のピンクのボタンが続きます。ボタンには受話器のアイコンと電話番号が大きな太字で入り、コンテンツ幅の大半を占める大きさで置かれています。
電話が主な入口になる事業では、番号を探す手間をなくすことがそのまま使いやすさにつながります。最初の画面に近い位置へ大きく置く判断は、目的に対してまっすぐで分かりやすい設計です。
ボタンのすぐ下では、受付が365日24時間続いていることが太字で示されています。夜間や早朝の移動が心配な読み手にとって、この一行が見えるかどうかで問い合わせのしやすさは大きく変わります。
問い合わせの前に伝える内容を先回りして示す配慮
ボタンの下には、予約の連絡時に伝えてほしい項目が中黒付きの箇条書きで並びます。利用する日時と片道か往復か、迎えに向かう場所、行き先、同乗者の有無、名前と連絡先という具合に、必要な情報が短い行で示されています。
この部分は見た目としては地味ですが、体験の設計としては効果の大きい要素です。何を伝えればよいか分からないまま電話をかける不安が減り、受ける側の確認の手間も同時に減らせます。
写真と表組みで裏づけを示す構成
文章だけでは伝わりにくい部分は、写真と表が受け持っています。どちらも派手な演出はありませんが、サービスの実態を確かめたい読み手が必要とする材料がそろえられています。
福祉車両を見せるスライドショー
ページの中ほどには、左右の矢印と丸いインジケーターを備えたスライドショーが置かれています。表示されている写真では、白い車両の後部に昇降用のリフトが展開され、車椅子を載せるための装置が屋外の明るい光の下で写されています。
装備の説明を文章で重ねるよりも、実際の車両を一枚見せるほうが理解は早く進みます。加工の少ない現場写真をそのまま使っている点も、飾らない誠実さとして伝わってきます。
インジケーターの数から、複数の写真が切り替わることが分かります。矢印は写真の左右に大きめに配置され、指で操作する場面を想定した無理のない大きさに整えられています。
短い行を重ねたサービスの説明
スライドショーの下では、濃紺の見出しに続いて、事業の説明が中央揃えで数行にわたって置かれています。一行ずつ改行して短くまとめているため、長い段落を読む負担がなく、画面の幅が狭い端末でも視線が流れやすくなっています。
書かれている内容は、地域に根ざした運営を目指していること、通院の場面を中心に病院内での付き添いから薬局での受け取りまで対応できること、清潔な車内で目的地まで送ることです。障がいのある方や生活保護を受けている方など、さまざまな事情のある方にも対応できると記されています。
その下には取得している資格が中央揃えで示され、介護福祉士、介護職員初任者研修、患者等搬送乗務員といった名称が並びます。飾りを加えずに名称だけを置く見せ方が、全体の落ち着いた調子とよく合っています。
事業者情報を整理した二列の表
ページの後半には、屋号、代表者、所在地と車庫、連絡先、営業時間を並べた二列の表があります。左の見出しセルは淡いピンクで塗られ、右の内容セルは白のまま残されているため、視線が左から右へ迷わずに流れます。
所在地の欄は行を分けて書かれており、明石市の本社に加えて、神戸と加古川の拠点、さらに姫路、西宮、伊丹、尼崎の車庫が読み取れます。どの範囲に車を置いて動いているのかが一目で分かるため、兵庫県内で相談したい読み手の判断材料になります。代表者の欄には芳 幸生様の名前が記されています。
表の下には、地図で場所を確かめるための小さなテキストリンクが控えめに添えられています。細い青い文字のリンクと大きなピンクのボタンという差が、そのまま優先度の違いを示しています。
1カラムで縦に読ませる情報設計
このサイトはページ数を絞り、必要な情報のほとんどをトップページの縦の流れに収めています。あちこち回遊させるのではなく、上から下まで読めば判断できる形を選んだ設計です。
上から下へ一本道で並ぶ構成
ロゴで名前を印象づけ、連絡先を示し、伝えてほしい内容を案内し、車両の写真を見せ、事業の説明と資格を伝え、最後に事業者情報を置くという順番になっています。知りたいことが出てくる順に並んでいるため、迷う場所がほとんどありません。
要素はすべて中央揃えで、横に細かく分かれた区画はありません。画面の幅が狭い端末でも崩れにくく、スマートフォンでの読みやすさを最優先にしたことがはっきりと分かります。
ページの最後にもう一度置かれた連絡導線
本文を読み終えた位置には、ファーストビューと同じ「ご予約・お問い合わせ」の小見出しとピンクのボタンが再び現れます。読み進めて気持ちが固まった読み手が、上へ戻らずにそのまま行動できる並びです。
上部と下部で同じ形のボタンを使っているため、どこから連絡すればよいのか迷いません。入口を増やすのではなく、同じ入口を二か所に置くという整理の仕方も参考になります。
コンテンツ枠の上に置かれたメニューは小さな文字に抑えられ、コンテンツの左端にそろえて並びます。ここからトップページと問い合わせのページへ移動でき、問い合わせのページではメールと電話の連絡手段が分けて案内されています。
介護タクシーのサイトに求められる情報とデザインの関係
介護タクシーや車椅子での送迎を探す読み手は、本人だけでなく、家族や支援に関わる立場の人であることも少なくありません。限られた時間で頼めそうかどうかを見極めるため、サイトに求められる情報はある程度決まっています。
- 車両と装備の様子が写真で分かること
- 受付の時間帯と連絡方法がすぐに見つかること
- どのあたりを拠点にしているのかが読み取れること
- 付き添いや介助にどこまで対応できるのかが書かれていること
- 誰が運営しているのかが明示されていること
このサイトは、そのいずれも短い区画で押さえています。装備はスライドショーで、受付の時間帯と連絡方法はボタンとその周辺で、拠点は表で、対応できる場面は説明文で、運営者は代表者の欄で示されています。
デザインの観点から見ると、要素が少ないほど一つあたりの役割がはっきりし、読み手の判断は速くなります。凝った演出を足すよりも、必要な情報を大きく分かりやすく置くほうが、この分野では強く働きます。色をやわらげて緊張感を下げている点も、扱うテーマとよく合っています。
まとめ：やわらかな色づかいで安心を伝える介護タクシーのサイト
「ハルの日 介護タクシー」の公式サイトは、淡いピンクと白の配色、太陽をかたどったロゴ、行動してほしい場所だけに置いたピンクのボタンという三つの要素で性格が決まっています。装飾を足すのではなく要素を減らし、一つずつ大きく見せることで、初めて訪れた人にも迷いが生まれにくくなっています。
スマートフォンでの閲覧を前提にした一本道の構成、実際の車両を見せる写真、拠点を並べた表、そして上下に置かれた同じ形の連絡ボタンは、小規模なサイトでも押さえておきたい要素です。派手さより分かりやすさを優先したい業種にとって、参考にしやすい見本になります。
明石市に本社を置いて運営していることや、受付を絶やさない姿勢は、画面の落ち着いた雰囲気と合わせて確かめると理解が深まります。兵庫で車椅子のままお出かけを支える送迎サービスのサイトはこちらから、実際の配色や導線をご覧ください。
