橘電気工業｜採用サイト（制作）
採用サイトとして「仕事の誠実さ（信頼感）」が伝わり、初見の求職者でも迷わず“エントリーを押したくなる導線設計”になることを要望として架空で制作しました。
公開先：橘電気工業 | 採用サイト
目的・課題
会社の姿勢（安全・品質・誠実）を、デザインと言葉の両面で伝える
求職者が知りたい情報を先回りして提示し、不安を減らして応募へつなげる
スマホ閲覧でもストレスなく見られる、見やすさと操作性の担保
制作ポイント
ファーストビューで“会社の世界観”と“応募導線”を同時に提示
キャッチ→補足文→CTA（エントリー／会社を知る）を1スクリーン内にまとめ、最短で行動できる構造にしました。
キャッチ→補足文→CTA（エントリー／会社を知る）を1スクリーン内にまとめ、最短で行動できる構造にしました。
情報設計は「理解→共感→安心→行動」
Vision（価値観）→ Interview（人）→ Work（仕事）→ Message（言葉）→ Career plan（将来）→ Benefits（制度）→ Q&A（不安解消）→ Entry（応募）という順で、読み進めるほど応募の納得度が高まる流れにしています。
Vision（価値観）→ Interview（人）→ Work（仕事）→ Message（言葉）→ Career plan（将来）→ Benefits（制度）→ Q&A（不安解消）→ Entry（応募）という順で、読み進めるほど応募の納得度が高まる流れにしています。
“誠実さ”を感じるトーン＆見せ方
ブルー基調のクリーンな印象に統一しつつ、各セクションは見出し・余白・カード設計で読みやすく整理。堅すぎない親しみも残し、採用サイトとしての温度感を整えました。
ブルー基調のクリーンな印象に統一しつつ、各セクションは見出し・余白・カード設計で読みやすく整理。堅すぎない親しみも残し、採用サイトとしての温度感を整えました。
スマホ対応・操作性
ハンバーガーメニュー／セクション内リンクで迷子にならない導線、カード型UIでタップしやすいレイアウトを意識しています。
ハンバーガーメニュー／セクション内リンクで迷子にならない導線、カード型UIでタップしやすいレイアウトを意識しています。
アクセシビリティの配慮
スキップリンク、見出し構造、セクションのラベル付けなど、基本要素を整備しました。
スキップリンク、見出し構造、セクションのラベル付けなど、基本要素を整備しました。
担当範囲
企画（構成・導線設計）／デザイン／コーディング（HTML/CSS）
使用技術
Photoshop / HTML / CSS（レスポンシブ）