WEB DESIGN / CASE STUDY

群馬県内の介護施設Webサイト制作

施設の理念やサービス、日々の暮らしの様子を、ご本人とご家族へ安心して確認していただけるWebサイトへ。企画・撮影からデザイン、実装、公開まで一貫して担当しました。

DirectionPhotographyLogo DesignWeb DesignDevelopment2026
介護施設Webサイトのパソコン・スマートフォン表示モックアップ
PC・スマートフォンに最適化したレスポンシブWebサイト

Project

群馬県内で有料老人ホーム・デイサービス・訪問介護を運営する介護施設のWebサイトを制作しました。これまで施設独自のホームページがなく、特徴やサービス、施設での暮らしを十分に伝えられていないことが課題でした。

Category

介護施設 / Corporate Website

Scope

Direction / Photography / Logo / Design / Development

Year

2026

施設の許可を得たうえで、制作内容を掲載しています。

課題

  • 検索した際に施設独自の十分な情報が表示されない
  • 有料老人ホーム・デイサービス・訪問介護、それぞれの違いが伝わりにくい
  • 入居を検討する方やご家族が、施設の雰囲気を事前に確認できない
  • 小規模施設ならではの距離の近さや温かさが、Web上で表現されていない
  • 見学や利用相談につながる窓口を、分かりやすく整備する必要がある
  • プライバシーに配慮しながら、施設の実際の様子を伝える必要がある

ヒアリング

「その人らしく生きる」という理念を、サイトの軸に。

経営者・施設スタッフへのヒアリングを行い、施設の現状や今後の方向性、日々の支援で大切にしている考えを整理しました。

特に重視したのは、「人が人として、その人らしく生きること」という理念です。利用者を一方的に守られる存在として捉えるのではなく、スタッフや地域の方を含め、お互いに支え合う対等な関係性を大切にしていることが分かりました。

小規模な施設だからこそ、一人ひとりの表情や体調の変化に気づける距離感があること、本人だけでなくご家族にも安心してもらえる場所を目指していることを伺い、機能や設備だけでなく施設の人柄や空気感まで伝わる構成を目指しました。

Concept

やさしさに包まれる、安心の暮らし。

白と淡いピンクを基調に、温かさと清潔感を両立。情報を詰め込みすぎず、ご本人、ご家族、介護・医療関係者が目的のページへ迷わず移動できる情報設計にしました。

施設の設備を説明するだけでなく、そこで過ごす時間と、支える人の姿勢が感じられるサイトへ。

Design

COLOR

やさしさと清潔感

白と淡いピンクを軸に、施設の温かい雰囲気と安心感を表現しました。

PHOTOGRAPHY

生活を想像できる写真

外観・居室・共有スペース・周辺環境を撮影。人物の顔を掲載せず、暮らしをイメージできる構成です。

TYPOGRAPHY

読みやすく、穏やかに

理念を伝える見出しには品のある表情を持たせ、本文は幅広い閲覧者に読みやすく整えました。

UI

迷わない導線

施設紹介、サービス、利用案内、アクセス、相談窓口を分かりやすく整理しました。

MOBILE

スマホ専用の最適化

ヒーロービジュアルとナビゲーションを端末に合わせて調整し、押しやすさにも配慮しました。

PRIVACY

プライバシーへの配慮

施設の実像を伝えながら、スタッフや利用者の顔が映らない写真を選定しました。

制作範囲

  • 課題・施設理念のヒアリング
  • 情報設計・ページ構成・導線設計
  • Webデザイン・ロゴデザイン
  • キャッチコピー・本文作成
  • 施設内外の撮影・画像調整
  • PC・スマートフォン対応
  • Astroによるコーディング
  • お問い合わせ・Googleマップ導線
  • 独自ドメイン・サーバー設定
  • SEO・OGP・XMLサイトマップ
  • Search Console登録・送信
  • 公開・表示・リンク確認

Development

更新性と表示速度を考えた静的サイト構築

Astroを用いて静的Webサイトとして構築。施設紹介、サービス案内、利用案内、アクセスなどの下層ページ、写真ギャラリーとカテゴリー表示、モバイルナビゲーションを実装しました。

Frontend

Astro / HTML / CSS / JavaScript / Responsive Design

Workflow

Visual Studio Code / Git / GitHub / GitHub Actions

Hosting

XServer Static / 独自ドメイン / DNS / HTTPS

SEO

Title / Description / OGP / XML Sitemap / Google Search Console

Before / After

BEFORE

施設独自のWebサイトがなく、検索やSNSから施設の特徴・サービス・雰囲気を確認できる場所がありませんでした。

AFTER

理念からサービス、写真、アクセス、相談窓口までを整理し、ご本人とご家族が安心して情報を確認できるWebサイトが完成しました。

CONTACT

事業の想いと空気感が伝わるホームページを、一緒につくりませんか?

医療・介護に限らず、個人事業主・店舗・小規模事業者のWeb制作をご相談いただけます。