“働ける自分”を見つける。
安心して一歩を踏み出せる就労移行支援

就労移行支援サイト トップページ:やさしいトーンと見学申込みの導線
Top Page
就労移行支援サイト:支援の流れ・訓練プログラム・よくある質問のセクション
Flow / Program / FAQ

就労移行支援の不安(「何から始めれば?」「自分に合う仕事は?」)を、 体験→学習→実習→就職→定着の5ステップで可視化。利用者さん・ご家族・支援機関それぞれが 最短で必要情報に到達できる導線と、やさしいトーンのビジュアルで心理的ハードルを下げる設計にしました。 見学/体験申込みのCV導線をページ上/中/下に配置し、スマホ中心で最適化しています。

就労移行支援サイト スマートフォン表示
依頼概要
  • はじめての方でも仕組みが分かるやさしい情報設計にしたい
  • 見学/体験の申込みを増やしたい(電話/LINE/フォーム)
  • 訓練内容・実習・就職実績・支援体制を整理してわかりやすく伝えたい
  • 利用者の声や1日の流れなど安心材料を充実させたい
  • 更新はスタッフが自走できるようにしたい
オーダー内容
  • 構成:ヒーロー → 支援の特長(個別×小集団×伴走) → 利用までの流れ(5ステップ) → 訓練プログラム(PC/コミュニケーション/生活/資格/就活) → 実習・企業連携 → 就職・定着支援 → 1日のスケジュール/事業所紹介 → FAQ → 見学/体験CTA
  • 更新機能:お知らせ・イベント・利用者ストーリー(Before/After/卒業の声)をブロックエディタで簡単追加
  • 申込み導線:ページ上部/セクション末尾/フッターに共通CTA(電話/LINE/フォーム)を設置
  • 計測:各CTAのイベント計測、サンクスページ設計で広告運用に対応
制作のポイント
  • 不安の分解:費用・対象・期間・交通費・訓練内容・就職後の定着までFAQで先回り解消
  • 信頼の可視化:年度別の就職実績(業種/雇用形態)をグラフで掲載、協力企業ロゴは段階的読み込み
  • 共感のストーリー:利用者の声は「通所前の悩み→取り組み→変化→現在」を定型化して読みやすく
  • アクセシビリティ:大きめ文字・行間、やさしい配色でもコントラスト基準に準拠、ピクト/イラストで理解を補助
  • スマホ優先:ワンタップ電話、固定CTA、フォームEFO(入力補助/エラー明確化)
  • 速度最適化:画像軽量化・遅延読込、CSS/JS圧縮
期間
約6〜8週間(要件定義 → 情報設計/ライティング → デザイン → 実装 → 計測設定/運用レクチャー)
料金
参考価格:60万円〜
※ページ数、実績データ可視化、イラスト点数、LINE連携の有無で変動します。
お客様の声

「制度の説明から見学申込みまで迷わず進めるページ構成で、問い合わせ数が増えました。
利用者さんとご家族の不安が減ったと面談で感じます。スタッフでも更新でき、イベントや就職者のご報告を タイムリーに発信できるようになりました。」

URL
URL