Design Gallery
Design Approach
01 | Project Overview プロジェクト概要
制作物 建設会社 コーポレートサイト（TOPページ）
業種 建設業
担当範囲 ヒアリング／要件定義／サイトマップ／ワイヤーフレーム／ビジュアルデザイン
使用ツール Figma／Photoshop
02 | Background 制作背景
地域密着型の総合建設会社を想定したコーポレートサイトを制作。
企業としての信頼性向上と情報発信に加え、若手人材の採用強化を目的に、施工実績や技術力、会社の魅力を分かりやすく伝えられるWebサイトを目指しました。
取引先や金融機関などの企業関係者だけでなく、就職先を検討する求職者にも会社の特徴や働くイメージが伝わる構成としています。
03 | Target ターゲット
取引先企業や金融機関などの企業関係者と、新卒・中途採用を検討する求職者を想定。
企業関係者には施工実績や技術力、企業としての信頼性を、求職者には仕事内容や職場環境、将来性を伝え、それぞれが必要な情報を安心して確認できるサイトを目指しました。
04 | Design Concept デザインコンセプト
「確かな技術で、未来を築く。」
長年培ってきた技術力と施工実績を持つ建設会社としての、信頼感・誠実さ・力強さを軸にデザイン。
ネイビーとホワイトを中心に、淡いブルーグレーを取り入れた落ち着いた配色と、施工現場や建築物の写真を大きく使用することで、堅実さと専門性を表現しました。
一方で余白を広く取り、現代的で見やすいレイアウトにすることで、求職者にも親しみやすい印象を持たせています。
05 | Design Process 設計・制作プロセス
ヒアリング内容から、企業の目的・強み・ターゲット・掲載情報を整理し、要件定義とサイトマップを作成。
TOPページでは、企業の第一印象→会社概要→強み→施工実績→採用情報→会社情報の順に情報を整理し、発注先を検討するユーザーと求職者の双方が必要な情報へアクセスしやすい構成を設計しました。
その後ワイヤーフレームを作成し、企業としての信頼性と、求職者に向けた採用訴求の両方が成立するようビジュアルデザインへ展開しています。
06 | Design Point デザインポイント
Information Design
取引先・金融機関と求職者という異なるユーザーを想定し、会社概要・強み・施工実績・採用情報を整理。企業としての信頼形成から、実績確認、採用情報へと自然に情報を追える構成を設計しました。
Visual Design
ネイビー・ホワイトを基調に、施工現場や建築物の写真を大きく使用。建設会社に求められる信頼感・誠実さ・技術力を、端正で落ち着いたビジュアルで表現しました。
User Experience
施工実績を写真とカテゴリで分かりやすく提示し、企業の実績を短時間で把握できるよう設計。採用セクションでは仕事内容をイメージできる人物や現場の写真と明確な導線を配置し、求職者が募集要項やエントリーへ進みやすい構成としました。