Facebook Webサイト|建設会社 採用サイト
Logo

Webサイト|建設会社 採用サイト

クレジット
Avatar
WEBデザイナー
Webサイト|建設会社 採用サイト-1
シェア

Webサイト|建設会社 採用サイト

使用ソフト:Photoshop、Adobe Firefly 制作期間:3日 担当範囲:デザイン ※本作品は架空の企業を想定した採用サイトの制作例です。 ■ターゲット 建設・土木分野に興味を持つ新卒・中途の求職者。 特に工学系の学生や、社会インフラを支える仕事に関心のある20〜30代を想定しています。 ■コンセプト 「未来を支える技術と人」をテーマに、インフラ企業としての信頼感と、若手技術者が活躍する前向きな印象を両立した採用サイトを設計しました。 橋梁や建設現場などのビジュアルを活かし、社会基盤を支える仕事のスケール感と働く人の魅力が伝わる構成を意識しています。 ■配色 ・ブルー×ネイビーを基調:インフラ企業らしい信頼感・誠実さ・専門性を表現。 ・グラデーション:未来感や成長性を感じさせる演出として使用。 ・オレンジのCTA:行動導線を明確にし、採用ページへの誘導を強化。 ■フォント・トーン ・ゴシック体をベースに、読みやすさと企業サイトとしての信頼感を重視。 ・太めの見出しで力強さを出しつつ、余白を活かして爽やかで若々しい印象に整えました。 ■制作ポイント(デザイン意図) ・インフラ企業のスケール感を伝えるビジュアル設計 橋梁や建設現場などの写真を大きく配置し、社会基盤を支える仕事のスケール感が一目で伝わるよう設計しました。ファーストビューでは未来を見据える若手技術者の写真を使用し、「成長性」「将来性」を感じられるビジュアルを意識しています。 ・採用サイトとして理解しやすい導線設計 「会社について → 仕事を知る → 働く環境 → データで見る企業 → 採用情報」という流れで構成し、求職者が企業理解を段階的に深められるよう設計しました。カード型レイアウトを採用することで情報整理と視認性の向上を意識しています。 ・信頼感と若々しさを両立したデザイン ブルーを基調とした配色とグラデーション、余白を活かしたレイアウトにより、企業としての信頼感と若手人材にも親しみやすい爽やかな印象を両立しました。 ・行動を促すCTA設計 ページ上部と下部に採用エントリーへの導線を配置し、興味を持ったタイミングで自然に行動できるよう設計しています。
クレジット
Avatar
WEBデザイナー
シェア
みき@WEBデザインの他の作品
画像
作品を見る
LP|美容サロン 小顔整体
画像
作品を見る
LP|健康食品 ピュアバー
画像
作品を見る
LP|メンズファッション ネクタイ
foriio

あなたのforiioを無料で作成

fori.io/
Webサイト|建設会社 採用サイト-1

Webサイト|建設会社 採用サイト

使用ソフト:Photoshop、Adobe Firefly 制作期間:3日 担当範囲:デザイン ※本作品は架空の企業を想定した採用サイトの制作例です。 ■ターゲット 建設・土木分野に興味を持つ新卒・中途の求職者。 特に工学系の学生や、社会インフラを支える仕事に関心のある20〜30代を想定しています。 ■コンセプト 「未来を支える技術と人」をテーマに、インフラ企業としての信頼感と、若手技術者が活躍する前向きな印象を両立した採用サイトを設計しました。 橋梁や建設現場などのビジュアルを活かし、社会基盤を支える仕事のスケール感と働く人の魅力が伝わる構成を意識しています。 ■配色 ・ブルー×ネイビーを基調:インフラ企業らしい信頼感・誠実さ・専門性を表現。 ・グラデーション:未来感や成長性を感じさせる演出として使用。 ・オレンジのCTA:行動導線を明確にし、採用ページへの誘導を強化。 ■フォント・トーン ・ゴシック体をベースに、読みやすさと企業サイトとしての信頼感を重視。 ・太めの見出しで力強さを出しつつ、余白を活かして爽やかで若々しい印象に整えました。 ■制作ポイント(デザイン意図) ・インフラ企業のスケール感を伝えるビジュアル設計 橋梁や建設現場などの写真を大きく配置し、社会基盤を支える仕事のスケール感が一目で伝わるよう設計しました。ファーストビューでは未来を見据える若手技術者の写真を使用し、「成長性」「将来性」を感じられるビジュアルを意識しています。 ・採用サイトとして理解しやすい導線設計 「会社について → 仕事を知る → 働く環境 → データで見る企業 → 採用情報」という流れで構成し、求職者が企業理解を段階的に深められるよう設計しました。カード型レイアウトを採用することで情報整理と視認性の向上を意識しています。 ・信頼感と若々しさを両立したデザイン ブルーを基調とした配色とグラデーション、余白を活かしたレイアウトにより、企業としての信頼感と若手人材にも親しみやすい爽やかな印象を両立しました。 ・行動を促すCTA設計 ページ上部と下部に採用エントリーへの導線を配置し、興味を持ったタイミングで自然に行動できるよう設計しています。
クレジット
Avatar
WEBデザイナー
シェア
みき@WEBデザインの他の作品
画像
作品を見る
LP|美容サロン 小顔整体
画像
作品を見る
LP|健康食品 ピュアバー
画像
作品を見る
LP|メンズファッション ネクタイ
foriio

あなたのforiioを無料で作成

fori.io/