プロジェクト概要
若い職人集団の勢いと、鉄骨の現場の迫力が伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、大阪市此花区の建設会社・株式会社柴田工業のコーポレートサイトです。鋼構造物工事・とび土工工事を軸に、鍛冶工事・鉄骨工事・溶接工事・解体工事・金属加工まで手がける同社の業務を、トップページに「柴田工業について」「強み」「代表メッセージ」「業務内容」「協力会社様へ」「採用情報」「会社概要」「お問い合わせ」の順でまとめました。採用ページ（応募フォーム付き）とブログを別ページとして備え、ヘッダーには公式LINEと採用サイトへのボタンを常時表示しています。
30代中心の若いチームで、二次・三次下請けから元請け案件へ挑戦していく段階。会社の勢いと現場の確かさを伝えつつ、採用と協力会社募集の2つの窓口を分かりやすく示す必要がありました。
最初の画面に溶接の火花が散るループ映像を置き、「Build Beyond!」「挑戦を恐れない。次の現場を、次の時代をつくる。」をテキストで重ねて、仕事の熱量をひと目で伝えます。黒×蛍光イエローの配色とタブ付きの見出し、番号付きの強みカードで情報を整理し、採用・LINE相談・協力会社向け案内へそれぞれ迷わず進める導線にしました。
制作のポイント
溶接の火花が散る映像で、仕事の熱量を最初に見せる
最初の画面は、暗い工場で溶接の火花が飛び散る映像をループで流しています。写真ではなく動く映像にすることで、鉄を扱う現場の熱と緊張感をひと目で伝えます。映像はPCとスマホで別の構図（横長・縦長）を用意し、通信量を抑えるため短く圧縮しています。
「Build Beyond!」と「挑戦を恐れない。」をテキストで組む
キャッチコピーは画像に焼き込まず、HTMLのテキストとして配置しています。黄色の筆記体「Build Beyond!」と、白地に黒文字で3行に重ねた「挑戦を恐れない。次の現場を、次の時代をつくる。」は、画面幅に応じて大きさが変わり、検索エンジンにも文字として読まれます。
蛍光イエロー×黒の配色で、若さと硬さを両立
配色は黒を基調に、蛍光イエロー（#d2ff01）を差し色にしました。見出しは黒い枠線の「タブ付きボックス」で統一し、強みは番号付きのカードで3つに整理。工事会社らしい硬質さと、30代中心のチームの勢いを同時に出しています。
採用と協力会社募集へ、迷わず進める導線
ヘッダーには「公式LINE」と「採用サイト」のボタンを常時表示し、ページ末尾には電話番号・受付時間・LINE相談・採用サイトをまとめた濃紺のフッターを置きました。採用ページには応募フォームと求人の構造化データを備え、ブログは求人向けの記事を自動投稿する運用にしています。
デザイン
