
エヌフィットキャリアカレッジ行徳
https://tcocoline.com/プロジェクト概要
エヌフィットキャリアカレッジ行徳様のWebサイトを、デザインからWordPress構築まで一貫して担当しました。
障害のある方の就労支援を行う施設として、「親しみやすさ」と「信頼感」を両立させるデザインを目指しました。
制作はFigmaとPhotoshopでデザインを構築し、イラストは生成AIを用いました。
WordPressテーマはAstraを採用し、クライアント様自身でも運用・更新が行いやすい構成にしています。
全体を通して、優しさ・親しみやすさ・安心感を重視し、利用者や支援者の方々がストレスなく情報へアクセスできる設計を心がけました。
【プロジェクトの背景】
クライアント様から「ホームページが少し古くなってきたため、ドメインはそのままにWordPressで新しくLP型サイトへリニューアルしたい」とのご相談をいただきました。
従来のサイトは情報量が多く、利用を検討している方にとって必要な情報が見つけにくい構成になっていたため、よりシンプルで目的が明確なページ構成に再設計しました。
また、行徳校独自の雰囲気や支援方針を伝えたいというご要望があり、「温かみ」「やさしさ」「安心感」を軸にしたデザインを目指しました。
【担当業務】
- デザイン作成
- サイト作成
【制作年月】
2025年9月
【工夫したポイント】
デザイン面では、ヒアリング内容とロゴのカラーに基づき、「親しみやすさ」と「温かさ」を感じられるグリーンとオレンジをメインカラーに設定しました。
背景には淡いリーフパターンを使用し、ナチュラルで優しい印象を演出しています。
ファーストビューでは生成AIによるオリジナルイラストを採用し、利用者やスタッフが穏やかに交流する姿を描くことで、”誰もが安心して自分らしく働ける環境”を視覚的に伝えています。
構成面では、ユーザーの理解を段階的に深められるよう、「共感 → サービス紹介 → 利用条件 → サポート体制 → よくある質問 → 問い合わせフォーム」というストーリー設計を採用しました。
各セクションは、図解・ピクトグラム・ボックスレイアウトを多用し、長文を避けながらも十分な情報量を確保しました。特に「サービス・講座紹介」では、テキストと写真のバランスを意識し、視線の流れが自然に進むよう余白や比率を細かく調整しました。
WordPressテーマ「Astra」をベースにカスタマイズを施し、軽量でレスポンシブ性の高い構成にすることで、スマートフォン利用者でも快適に閲覧できるよう最適化しています。
施設の理念を柔らかく伝えながらも、ユーザーが安心して問い合わせや相談へ進める構成となっております。
制作物の画像

