Web site

企業サイト

■ 担当範囲: ・コーディング（HTML・CSS・jQuery）
・WordPress構築（オリジナルテーマ）
・ドメイン取得 / DNS設定（ネームサーバー設定） / 公開対応

■ 概要: 障害福祉サービス事業所の公式サイトとして、在宅ワークや就労支援を希望する利用者に向けた情報発信を目的に構成されたサイト。
サービス内容や利用までの流れ、1日の過ごし方などを分かりやすく整理し、初めての方でも安心して検討できる設計となっています。
また、PC業務を中心とした支援内容やサポート体制を具体的に提示することで、利用後のイメージを明確化し、問い合わせ・見学へとつなげる導線を構築しています。

■ 実装内容: ・HTML / CSS / jQueryによるコーディング
・レスポンシブ対応（PC / スマートフォン）
・スライダー実装（Swiper）
・お問合せフォーム（Contact Form 7）

■ 実装意図
事業内容や支援内容を正しく伝えるため、
情報の優先順位を整理し、可読性の高いレイアウトを意識して実装

■ 実装の工夫
・テキスト中心の構成のため、余白や行間を調整し可読性を向上
・情報量が多くても理解しやすいよう、セクションごとに整理した構造で実装
・スマートフォンでも読みやすいフォントサイズとレイアウトに最適化

■ UI/UX設計
ユーザーが必要な情報に迷わずアクセスできるよう、
シンプルで分かりやすい導線設計を行いました。

また、安心感や信頼性が伝わるよう、
情報の配置や視線の流れを意識した構成にしています。

■ パフォーマンス
・画像の最適化により表示速度を改善
・軽量な実装を意識し、快適な閲覧体験を確保

■ マークアップ
・セマンティックなHTML構造を意識
・情報構造が分かりやすいマークアップを実装
・アクセシビリティを考慮した構造設計を意識

■ 今後の改善
・より保守性を高めるため、設計手法（BEMなど）の導入を検討

DATA

概要: 障害福祉サービス事業所の公式サイトとして、在宅ワークや就労支援を希望する利用者に向けた情報発信を目的に構成されたサイト。
サービス内容や利用までの流れ、1日の過ごし方などを分かりやすく整理し、初めての方でも安心して検討できる設計となっています。
また、PC業務を中心とした支援内容やサポート体制を具体的に提示することで、利用後のイメージを明確化し、問い合わせ・見学へとつなげる導線を構築しています。

Back