アシバワークス

サイトの概要

「アシバワークス」は、足場工事・仮設工事業態を想定した制作サンプルです。足場工事のサイトを見にくるのは、元請けやゼネコン・塗装業者の担当者、職人として働きたい求職者、そして協力会社になりたい同業者の3者です。そこで業務内容・施工の流れ・施工事例・対応エリアはトップページで一気に読ませ、採用情報・会社案内・お問い合わせには専用ページを設けて、それぞれの相手がじっくり読める構成にしました。

配色はワインレッドと白を基調に、Business / Flow / Works / Recruit といった英字の見出しを添えた力強いトーンでまとめています。ヒーローには実際に組み上げた足場と職人の写真を大きく使い、扱える現場の規模と安全管理の姿勢を最初の1画面で伝えます。

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

業務内容は次世代足場・枠組足場・くさび足場・商業施設への対応の4種類に分け、それぞれ「どんな建物に向くか」まで書き分けています。発注する側は工法名で探すことも多いため、工法ごとに文章を持たせておくと検索からの入口がそれだけ増えます。施工の流れは現地調査→施工計画・安全設計→お見積り・お打ち合わせ→資材搬入・足場組立→解体・清掃・引き取りの5段階で、台風接近時の対応や近隣への配慮にも触れました。沖縄では、風・潮風・台風への備えを言葉にできるかどうかがそのまま他社との差になります。

施工事例は「20XX年3月／那覇市内／ホテル外壁改修足場」のように、年月・地域・工事種別だけで並べる形式にしています。写真がまだ用意できていない段階でも一覧として成立し、案件が増えるたびに1行足していけます。対応エリアは市町村名を並べて、地域名で探している元請けの検索に自然に引っかかる形にしました。

採用情報は未経験者に向けた説明と募集要項を分けて記載し、資格取得支援や安全研修についても触れています。あわせて協力会社募集のセクションを独立させ、同業者からの声かけも受けられるようにしました。お問い合わせページには相談・見積り依頼フォームと個人情報の取扱いを掲載し、規模や工期が決まっていない段階でも相談していい相手だと伝わる文面にしています。お知らせでは夏季休業や台風前の安全点検といった実務的な告知を積み上げられます。

ヘッダーとフッターの両方に全ページへのリンクを置いてあるため、どのページから入ってきた人でも最短1クリックで目的の情報にたどり着けます。工事業のサイトは「取引先に会社案内として見せる」使い方も多いので、会社概要と代表あいさつはスマートフォンでもパソコンでも読みやすい1カラムでまとめました。

ページ構成

• TOP
• 業務内容
• 施工の流れ
• 対応エリア
• 施工事例
• 採用情報（募集要項・協力会社募集）
• 会社案内（代表あいさつ・会社概要）
• お知らせ（一覧・記事）
• お問い合わせ

主な機能

• HTML
• レスポンシブ
• お問い合わせフォーム
• 施工事例一覧
• お知らせ一覧・記事ページ
• 個人情報の取扱いページ
• お持ちの画像差し込み10枚程度
• ロゴ作成

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

足場のほか、塗装・防水・鉄筋・型枠・解体・住宅設備など「元請けからの受注と職人の採用を、同じサイトで受けたい」工事業にそのまま応用できます。業務内容のカードは増やしても減らしても見た目のバランスが保てるようにつくってあるため、扱う工法が3つでも6つでも同じ設計で対応できます。求人媒体に毎月費用をかけている会社ほど、採用ページを自社サイトに持つ効果が出やすい構成です。

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

• Googleアナリティクス（GA4）タグの設置
• OGPタグの設定
• 子ページの追加
• お問い合わせフォームの設置
• 検索エンジン用サイトマップの設置
• WordPressの導入・構築