実績紹介

株式会社エントランス様のWordPressブロックテーマを使用したホームページ制作事例—三つの事業所に合わせた優しいデザインと機能性の両立

制作経緯

ホームページは企業の顔であり、オンライン上での存在感を決定づけます。特に介護業界においては、利用者やそのご家族にとって、分かりやすく、心地よく、信頼感を持たせることが非常に重要です。今回は、株式会社エントランス様からのご依頼で、三つの事業所を紹介するホームページをWordPressのブロックテーマで制作しました。

株式会社エントランス様は、介護に関わるサービスを提供する企業で、3つの事業所を運営しています。事業所ごとに異なる特徴を持っており、それぞれの事業所の情報を分かりやすく整理し、利用者やそのご家族がすぐに連絡を取れるように工夫しました。本記事では、どのようにデザインと機能を組み合わせて、見る人に優しく伝わるホームページを作り上げたのか、具体的な制作の過程を紹介いたします。

1. 三つの事業所の特徴を整理し、見やすさを追求
株式会社エントランス様は、複数の事業所を運営しており、それぞれ異なるサービスを提供しています。そのため、サイト内で各事業所の特徴をわかりやすく整理し、訪問者が簡単に必要な情報にアクセスできるようにすることが大切です。

事業所ごとの特徴を明確にするために、以下のようなポイントを重視しました：

事業所ごとのページを作成: それぞれの事業所に特化したページを用意し、サービス内容や特色、施設の概要、スタッフ紹介などを詳しく掲載しました。このようにすることで、訪問者は自分に必要な情報を簡単に探せるようになります。

比較しやすい内容: 3つの事業所にはそれぞれ特徴があり、例えば、利用できるサービスや対応エリアが異なります。これらの違いをしっかりと比較できるように、各ページに比較表や簡潔な説明を加えることで、選択肢を絞り込みやすくしました。

リンクを使った簡単な移動: サイト全体にナビゲーションを設け、各事業所へのリンクやコンタクト情報を常に目立つ場所に配置しました。これにより、訪問者が迷うことなく、必要な情報にスムーズにアクセスできるようになっています。

2. 優しいデザインで閲覧者に安心感を与える
介護サービスを提供している企業のサイトは、視覚的にも優しさや安心感を感じさせるデザインが求められます。訪問者が安心して情報を得られるようにするため、デザイン面での工夫を以下のように行いました。

色使いの工夫: サイト全体の配色は、穏やかな色合いを選びました。主に柔らかなベージュや淡いブルー、グリーンを基調にすることで、利用者が安心感を持ちやすくしました。また、これらの色は視覚的にも疲れにくいため、長時間の閲覧でもストレスを感じさせないように配慮しました。

大きめの文字とフォント: 介護サービスを提供するサイトでは、特に高齢者やその家族が多くの利用者を占めるため、文字が小さいと読みづらくなってしまいます。そこで、フォントサイズを少し大きめに設定し、視認性の高いフォントを選びました。これにより、文字が読みやすく、視覚的なストレスを軽減できるようになっています。

視覚的にわかりやすい画像の多用: 介護施設の雰囲気や活動内容を伝えるために、施設内やサービスの様子を撮影した写真を豊富に掲載しました。利用者やスタッフの笑顔が見える画像を中心に使い、温かみや信頼感を与えることを意識しました。また、画像は解像度が高く、視覚的に見やすいように適切に調整しています。

3. ユーザビリティとナビゲーションの工夫
介護施設を探している利用者にとって、最も重要なのは情報が見つかりやすいことです。特に、急いでいる場合やお年寄りの方が操作する場合もあるため、サイト内の動線をシンプルかつ直感的にしました。

簡単にアクセスできる連絡先: 各事業所の連絡先や地図は常に目に入る位置に配置しました。また、電話番号やメールアドレスだけでなく、オンラインでの予約や問い合わせフォームを設けて、より多くの方法で連絡を取れるようにしました。これにより、すぐに問い合わせをしたい場合でも、簡単に連絡ができるようになっています。

フォームとボタンの工夫: フォームはなるべくシンプルで、入力の負担を軽減しました。例えば、問い合わせボタンや申し込みボタンは目立つ色にし、クリックしやすい位置に配置しました。また、ボタンの文字も大きくして、視覚的にわかりやすくしました。

FAQセクションの追加: 介護施設に関するよくある質問（FAQ）を掲載し、利用者が疑問をすぐに解決できるようにしました。事前に答えを知っておくことで、利用者の不安を軽減できるため、安心感を提供する重要なセクションです。

4. ブロックテーマを活用した利便性の向上
WordPressのブロックテーマを使用したことによって、サイト管理が大幅に楽になりました。特に、ブロックテーマはレイアウトの自由度が高く、コンテンツの追加や編集を直感的に行うことができるため、今後の運営がスムーズです。

ブロックテーマのメリット: 各ページの作成時に、従来のテーマよりもさらに柔軟にデザインをカスタマイズでき、レスポンシブデザインも自動的に適用されるため、モバイル端末でもPCでも快適に閲覧できるようになりました。

コンテンツの追加が容易: 各事業所のページや新しい情報を追加する際、ブロックエディタで必要な内容をドラッグ＆ドロップで配置できるため、更新が非常に簡単です。これにより、スタッフの方々が自分で内容を追加・変更することができるようになりました。

5. 結論
株式会社エントランス様のホームページは、三つの事業所を効果的に紹介し、訪問者が情報を得やすく、また安心して利用できるようにデザインを工夫しました。優しい色使いと大きめの文字、わかりやすい画像を用いることで、特に高齢者の方々やそのご家族にとって、親しみやすく、使いやすいサイトが完成しました。

また、WordPressのブロックテーマを使用したことで、サイトの管理が非常に効率的になり、今後の運用や更新が簡単になります。クライアント様が自分で簡単に情報を追加できるようになり、さらにSEOやオンラインでの集客にも効果的に対応できるようになっています。

介護施設を運営する企業にとって、利用者との信頼関係を築くためには、オンライン上での存在感が非常に重要です。今回のホームページ制作を通じて、株式会社エントランス様がさらに多くの方々にサービスを届け、信頼を得るための第一歩を踏み出されたことを嬉しく思います。

使用ツール

• vscode
• PhotoShop
• AdobeExpress
• Figma
• local by flywheel
• WordPress

作業エリア

• 構成案
• セールスライティング
• 画像作成
• デザインカンプ（完成予想図）
• コーディング(html/css/javaScript)
• WordPress構築