blog ブログ

2022.08.04

[気になる]福祉業界のWebサイトデザイン

WEB

sochan

HINODE ICT Lab [気になる]福祉業界のWebサイトデザイン
こんにちは、デザイナーのsochanです。

最初の投稿ということで、どんな内容が良いだろうと考えていました。
元々DTPなどの紙媒体をメインに制作に携わっていたのですが、
最近、Webデザインも出来るようになりたい…と日々修行しています。

そこで、日の出医療福祉グループという会社で日々
福祉業界の制作物をお手伝いしている経験から
普段携わることが多い「医療・介護・保育」のジャンルをピックアップし
個人的に気になったサイトを分析してみましたのでご紹介しようと思います!

福祉業界のWebサイトデザイン

HINODE ICT Lab [気になる]福祉業界のWebサイトデザイン

「PEPPY HAPPY PLACE」
[https://php.peppynet.com/]

#86d2f6

#f46767

#fffef7

#0d0d0d

使用書体:游ゴシック / Sawarabi Gothic / ヒラギノ角ゴ ProN W3 / ヒラギノ角ゴ Pro / メイリオ / MS Pゴシック
雰囲気:爽やか、清潔感のある、明るい
ブレイクポイント:750px

写真と全体的な色のトーンを合わせていて統一感があります(Blue寄り?)。
テキスト、画像、図の使い方が単調にならないレイアウトで配置されており
情報量は多いように思いますが見ていて飽きず下までスクロールしてしまいます。

HINODE ICT Lab [気になる]福祉業界のWebサイトデザイン

「ケアパートナー株式会社」
[https://www.care-partner.com/]

#009a5a

#98d800

#007746

#f4f4f4

#323232

使用書体:ヒラギノ角ゴ ProN W3 / メイリオ / MS Pゴシック
雰囲気:優しい、FVの爽やかさ
ブレイクポイント:767px

FVの手書きロゴと色合いが優しく安心感があります。
ボタンと文章のメリハリがあり
必要な項目をわかりやすく見せていて直感的にわかりやすいと感じました。

HINODE ICT Lab [気になる]福祉業界のWebサイトデザイン

「ポポ・ケセラセラ」
[https://studio.popo-q.co.jp/]

#000

#adac7e

#697878

#666

使用書体:Noto Sans / Noto Sans CJK JP
雰囲気:スモーキーなトーンで落ち着いている
ブレイクポイント:1024px、600px、768px、480px

デイ、リハではありますがジムのようなイメージになっていて介護感が薄い印象です。
アクティブな利用者様にも良さそうだと思いました。
(キャラクターもかわいい)
サイト全体も落ち着いた色合いでおしゃれだなと感じました。

HINODE ICT Lab [気になる]福祉業界のWebサイトデザイン

「訪問看護ステーション 千」
[https://1000.care/]

#013c60

#e95295

使用書体:游ゴシック / ヒラギノ角ゴシック ProN / ヒラギノ角ゴシック Pro / メイリオ / MS ゴシック
雰囲気:イラストが多め、かわいい
ブレイクポイント:767px

全体的にイラストが多く、優しい絵柄で絵本のようなサイト。
スタッフの似顔絵イラストも親しみある雰囲気になっています。

視点を少し変更して…

HINODE ICT Lab [気になる]福祉業界のWebサイトデザイン

「くろまめさん」
[https://kuromamesan-kaigo.com/]
インスタフォロワー 5万人以上いる介護施設で話題になった介護施設
・SNSを積極的に活用している印象
・YouTubeは長めの動画を投稿、YouTubeのショートやインスタ、TikTokはさくっと見ることができる短めの動画中心で使い分けている
Instagram
TikTok
YouTube

(私自身TikTokは見る専なので詳しくは無いのですが…)
若者世代が情報収集でよく使用するツールで積極的に発信して見やすいのがいいなと思います。
施設の雰囲気も感じ取りやすく、主要なSNSでそれぞれの特色に合った投稿をしているので
目に触れる機会が多いのではないかと感じました。

TikTokの平均ユーザーは34歳という統計も出ており、若者だけのツールというイメージは少なくなりつつあるのかと思いますが、
会社や施設などをPRする(知りたいことが知れる)ような投稿も増えているなと感じます。

参考-日本のTikTokユーザーは平均34歳、博報堂調査が示す実態:要点まとめ

まとめ

・施設やサービス紹介系は明るい爽やかなサイトが多いのかも
・ブレイクポイントは意外とサイトによる
・文字が多くても見やすい、読みやすさの優先順位が高め
・写真のトーンを合わせることで全体的に統一感のあるサイトになる
・”黒”に見える色でもサイトの色合いに合わせて微妙に差がある
SNSを上手く使用することでも施設の雰囲気は伝わる

どんな方が見るかターゲットが絞られる業界なのかなと感じていましたが、
どのサイトも個性があり素敵だな思います。
トレンドのリサーチを怠らず自社サイトでも反映できるよう頑張りたいです!

日の出医療福祉グループ クリエイティブ室では医療・介護・保育を始めとする医療福祉業界の様々な制作を行っています。
DTPやWebサイトの制作も積極的に行っておりますので、気になった!という方はお気軽にお問い合わせからご相談ください。

posted article 投稿記事

  • 【初心者向け】【CSS】表の行や横列を固定しよう

    2024.11.20

    [初心者向け][CSS]表の行や横列を固定しよう

    WEB
  • 【初心者向け】CSSスクロールに合わせたアニメーションを作ろう

    2024.11.12

    【初心者向け】CSSスクロールに合わせたアニメーションを作ろう

    WEB
  • hinode ICT lab CSSで簡単なアニメーションを作ろう

    2024.10.28

    【初心者向け】CSSで簡単なアニメーションを作ろう

    WEB
  • 【初心者向け】実務で使える便利な機能5選(コーディング編)

    2024.09.12

    【初心者向け】実務で使える便利な機能5選(コーディング編)

    WEB
View more

contact お問い合わせ・ご相談

制作のご依頼や予算のお見積りなど、まずはお気軽にお問い合わせください。

contact