株式会社ジョウトウ組

サイトの概要

「株式会社ジョウトウ組」は、土木・建設業態を想定した制作サンプルです。建設業のサイトは「どんな工事ができる会社なのか」が最初の30秒で伝わるかどうかで、問い合わせの数が大きく変わります。そこでトップページは、現場の写真を大きく使ったメインビジュアルからそのまま事業内容へ流れる縦の一本道にして、仮設工事・コンクリート工事・鍛冶工事・鉄筋工事・型枠工事・重機土工事の6分野を、それぞれアイコンと短い説明つきのカードで並べています。

色は現場の安全色に合わせた濃紺とイエローを基調に、写真の面積を広くとって重量感を出しました。建設会社のサイトは文字数が多くなりがちですが、ここでは「まず、全員が無事に帰る」「見えない所こそ、丁寧に」「島で育て、島で続ける」という3つの約束を短い見出しで置き、読ませるのではなく“姿勢が伝わる”構成にしています。

デザイン・構成のポイント

元請け・ゼネコンの担当者が見るのは施工実績、求職者が見るのは採用情報と、同じサイトでも見る人によって目的が分かれます。そのため事業内容・施工実績・採用情報・会社概要をすべて独立したページとして用意し、ヘッダーとフッターの両方から最短1クリックで到達できるようにしました。施工実績は工事種別と現場の規模がひと目で分かるカード形式で、写真が用意できていない段階でもレイアウトが崩れないつくりです。

お知らせページも用意しているので、現場の完了報告や採用募集の告知を積み重ねていけます。更新のたびに新しいページが増えることは検索エンジンへの評価にもつながるため、実際の運用では月1〜2本の更新をおすすめしています。離島の現場に対応していることは、対応エリアの記載とお知らせの実績報告の両方で自然に伝わるようにしました。

ページ構成

• TOP
• 事業内容
• 施工実績
• 採用情報
• 会社概要
• お知らせ（一覧・記事詳細）
• お問い合わせ

主な機能

• HTML
• レスポンシブ
• お知らせ一覧・記事ページ
• スクロールフェードインアニメーション
• お問い合わせフォーム
• お持ちの画像差し込み12枚程度
• ロゴ作成

こんな業種におすすめの構成です

土木・建設のほか、電気工事・設備工事・造園・産廃処理など、「工事の種類が複数あり、法人からの受注と職人の採用を同じサイトで受けたい」業種にそのまま応用できます。工事分野のカードを増やす・減らすだけで見た目のバランスが保てるようにつくってあるため、扱う工種が3つでも8つでも同じ設計で対応できます。

その他対応可能な内容（一例）

• Googleアナリティクス（GA4）タグの設置
• OGPタグの設定
• 子ページの追加（工事種別ごとの詳細ページなど）
• お知らせを管理画面から更新できるCMSの導入
• 検索エンジン用サイトマップの設置
• WordPressの導入・構築