どんな工事を頼める会社なのか、伝わりにくい
事業を分野ごとに分け、それぞれで扱う工事の内容を紹介します。
SAMPLE NOTE / CONSTRUCTION
仕事の内容が伝わる。
施工例から、
相談の入口へ。
建設会社のホームページ制作サンプルを題材に、事業の伝え方、施工例の見せ方、問い合わせや採用案内へのつなぎ方をご紹介します。
建設会社のサンプルを体験する
別タブで開きます。施工例の詳細や写真の切り替え、採用案内・問い合わせの入口をご覧いただけます。
初めて見る方が、
仕事の内容を確かめられるように。
このサンプルでは、土木・建築・道路の工事を手がける建設会社を想定しました。どんな仕事をしている会社かを知り、施工例を確かめて、工事の相談や採用情報へ進める構成を考えています。
施工写真は載せているけれど、仕事の内容まで伝わらない
写真に工事概要や工期などの情報を添え、何を行った工事なのかを確かめられるようにします。
工事の相談と採用情報、必要な入口を見つけにくい
問い合わせと採用案内を分けて掲載し、見に来た方が目的に合う場所へ進めるようにします。
DESIGN NOTES
画面に込めた、3つの工夫。
実際のサンプル画面と一緒に、会社の仕事を知ってから、相談の入口へ進む流れをご覧ください。
01 / 頼める仕事を見渡せるように
事業の幅を、
3つの分野に分けて伝える。
事業紹介では、「土木」「建築」「道路」を分けて掲載しています。橋や河川の補修、建物の新築・改修、舗装や除雪など、それぞれで扱う仕事を短い文章で紹介しています。
専門用語だけで終わらせず、どんな場面の工事を扱うのかを伝える。初めて会社を知る方にも、相談できる内容をイメージしていただくための工夫です。
掲載情報は架空で、写真はイメージです。
02 / 施工例の内容を確かめる
写真と一緒に、
工事の情報まで見られるように。
施工例の一覧から「詳しく見る」を押すと、個別の詳細画面を開けます。複数の写真を切り替えながら、工事概要・工期・場所・工種・発注者のサンプル情報を確認できます。
写真の印象と、工事の説明をひとつの画面にまとめています。実際の制作では、公開できる情報や写真の範囲を伺い、その会社の仕事が伝わる内容を整理します。
03 / 目的に合う入口へ進む
工事のご相談と、
働く方への案内を分けて。
採用欄には仕事内容・募集要項・応募ボタン、問い合わせ欄には相談内容を入力するフォームを用意しています。会社情報も同じページにまとめ、必要な情報を確かめてから、それぞれの入口へ進める構成にしています。
実際の制作では、現在の問い合わせや応募の受け付け方を伺い、誰が対応するか、情報をどう更新するかまで含めて、運用に合う形を考えます。
読むだけでなく、画面で試せます。
施工例の詳細を開き、写真や工事の情報をご覧ください。事業紹介や採用案内、問い合わせの入口も確認できます。
このサンプルでは、実際の問い合わせ・応募の送信や保存は行いません。
FOR YOUR COMPANY
あなたの会社なら、
どこから整えましょうか。
サンプルと同じデザインや機能に、そろえる必要はありません。今ある写真や資料、会社での対応方法に合う形を一緒に考えます。
- 事業分野や、対応できる工事をわかりやすく伝えたい
- 施工写真と説明を整理して、仕事の内容を紹介したい
- 採用案内と、工事の相談の入口を整えたい
施工写真や掲載内容が、まだ整理できていない段階でもご相談いただけます。
LET’S TALK
「この部分、うちの会社にも」
から、ご相談ください。
気になった画面や、今のホームページで困っていることをお聞かせください。高崎を拠点に、対面でもオンラインでもお話を伺います。
進め方から知りたい方は、ホームページ制作・改善についてをご覧ください。
ホームページのことを相談する
ご相談は無料で承ります。
内容がまとまっていなくても構いません。