社会福祉法人 高坂福祉会様 Webサイト開発｜コーディング、Web開発の外注、代行ならコーディングアライブ

開発の背景と目的

従来の社会福祉法人のイメージを刷新し、豊かな自然や質の高いケア、スタッフの生き生きとした表情が直感的に伝わる「ビジュアル重視」のサイトを目指しました。同時に、日々の煩雑な情報更新の負担を軽減し、求職者へダイレクトに情報を届けるための高度なシステム連携が求められました。

本プロジェクトにおける主要開発ポイント

1. 動画・アニメーションを多用しつつ、ストレスのない高速な動きを実現

• 動的なビジュアル演出
  サイト全体にリッチな動画コンテンツや、なだらかな曲線レイアウトに合わせた先進的なアニメーションを多用。法人の持つ明るくオープンな雰囲気を視覚的に演出しています。

• スムーズな操作性の確保
  動画やアニメーションの多用によってサイトが重くならないよう、コードの最適化、Lazy Load（遅延読み込み）、次世代画像フォーマットの採用など、徹底したフロントエンドのパフォーマンスチューニングを実施。ユーザーがストレスを感じないスムーズなスクロールと高速なページ遷移を実現しました。

2. WordPressを活用した「毎日使いやすい」施設ページ管理

• 直感的な更新システム
  複数展開されている施設ページは、現場のスタッフが専門知識なしでも簡単に更新できるよう、WordPressのカスタムフィールドを最適化して構築。

• 「入力」から「PDF自動生成・表示」への業務効率化
  福祉施設の運用において頻繁に更新が必要となる「空室情報」について、独自のプログラムを開発。スタッフがWordPressの管理画面に最新の数値を入力するだけで、Webサイト上では自動的にレイアウトされた見やすい「PDF形式」として生成・表示される仕組みを構築しました。これにより、別途PDFファイルを制作してアップロードする手間を完全に排除しました。

3. インスタグラムAPI連携によるリアルタイムの情報発信

• 最新投稿の自動表示
  日々の施設でのイベントやスタッフの様子を伝えるInstagram（インスタ）とWebサイトをAPI連携。SNSに投稿された最新のコンテンツが、Webサイト上のデザインに馴染む形で自動的にトップページ等へ反映されます。これにより、サイト運用の二度手間を防ぎながら、常に新鮮な情報をユーザーに届けることが可能になりました。

4. 構造化マークアップによる「Googleお仕事検索（Google for Jobs）」最適化

• 採用の強化
  採用情報ページ（求人要項など）に対し、Googleが推奨する求人用の構造化データ（JSON-LD）を自動出力するシステムを組み込みました。

• インデックスの自動化
  求人情報をサイト上で更新すると、自動的に「Googleお仕事検索」のクローラーに最適にインデックスされるため、主要な求人媒体に頼ることなく、Google検索経由での質の高いエントリー増加（オーガニック採用の強化）を技術面から強力にサポートしています。

担当領域・仕様技術

• 担当領域
  企画・提案、UI/UXデザイン、フロントエンド実装、WordPressカスタム開発、システム構築、SEO/構造化マークアップ

• 主な技術・機能
  WordPress（CMS）、HTML5/CSS3（Sass）、JavaScript（アニメーション制御）、Instagram Graph API、Google 構造化データ（JobPosting）

開発を終えて

高坂福祉会様の「地域に寄り添い、共に歩む」という温かい理念を、最新のWebフロントエンド・バックエンド技術を駆使して表現したプロジェクトです。デザイン性だけでなく、現場の運用のしやすさと、これからの法人経営に欠かせない「採用力の強化」を仕組みとして組み込むことで、長期的にご活用いただけるWebサイトを開発でき、私たちもよい経験となりました。