障害者職業訓練ここライン様のPC及びSPモックアップ画像

障害者職業訓練ここライン

https://tcocoline.com/

プロジェクト概要

株式会社グローバル・ワン様が運営する「障害者職業訓練ここライン」様のランディングページを、デザインからWordPress構築まで一貫して制作しました。
完全在宅・完全無料で学べる障害者向けオンライン職業訓練と、就職サポートを紹介するサイトであり、利用希望者が安心して問い合わせや申し込みができる導線設計を重視しました。
デザインはFigmaとPhotoshopを使用し、イラストは生成AIで制作しました。
WordPressの無料テーマ「Astra」をベースにカスタマイズし、軽量で運用しやすい構成としています。

【プロジェクトの背景】

クライアント様は新規事業として「障害のある方を対象とした在宅型職業訓練」を立ち上げるにあたり、利用者を獲得するためのWebサイト制作をご希望されました。
従来の採用・研修関連サイトとは異なり、訓練内容や支援体制をわかりやすく伝え、かつ初めての方でも安心して利用できるデザインが求められました。
また、複雑な構成ではなく、1ページ完結型のLPスタイルを採用する方針となりました。
「やさしさ・安心感・取り組みやすさ」を重視し、温かみのあるトーンで事業の信頼性を伝えることを目的としています。

【担当業務】

  • デザイン作成
  • サイト作成

【制作年月】

2025年10月

【工夫したポイント】

まず、サイト全体の配色は「安心」と「やさしさ」を感じられるよう、ソフトイエローを基調に、アクセントにウォームオレンジとライトグリーンを使用しました。
コントラストを抑えながらもCTAボタンが自然に目に留まるよう、配色バランスを綿密に設計しています。

デザイン面では、生成AIで作成したオリジナルの人物イラストを採用しました。
イラストを通して「対話」「学び」「サポート」を象徴的に表現し、親しみやすい世界観を形成しました。

情報設計では、利用者が知りたい情報を順序立てて理解できるよう、「特徴 → カリキュラム → 給付金 → 就職支援 → 応募条件 → よくある質問 → お問い合わせ」という構成としました。
各セクションの余白や視線誘導の流れを丁寧に整え、スマートフォンでもスムーズに閲覧できるようレスポンシブ対応を最適化しています。
また、文章面では、制度や給付金の内容など専門的な情報を柔らかい表現に言い換え、図解・アイコンを効果的に使用することで、誰が見ても理解しやすい構成にしています。

WordPress構築では、Astraをテーマとして使用し、軽量かつ管理をしやすいようにしています。

温かみのあるデザインと明快な情報設計が融合し、利用希望者が安心して行動に移せる、信頼性の高いサイトです。

Back