「未来へつなぐ橋」を、デザインと言葉で表現したホームページ
株式会社野田クレーンさまのコーポレートサイトをリニューアルしました。
野田クレーンさまは、橋梁の設計・建設・修理・撤去から、クレーンリース、特殊輸送まで幅広く手掛ける会社です。
今回のリニューアルでは、会社の仕事や技術を紹介するだけでなく、野田クレーンさまが社会のインフラを支え、街や人、そして未来へとつながる仕事をしていることまでホームページ全体で感じられるようにしたいと考えました。
デザインだけでなく、サイト内の文章やキャッチコピーもBlookで制作。支給いただいた写真の加工、保有機種を追加できる更新機能、採用ページと専用エントリーフォームまで含めて制作しています。
目次


レスポンシブ対応(スマートフォン)
「道」と「インフラ」をイメージした、線でつながるデザイン
野田クレーンさまの仕事を考えたとき、サイトのデザインで意識したのが「道」と「つながり」です。
トップページでは、橋梁工事、計画・設計、クレーンリース・運送というそれぞれの事業を独立して並べるのではなく、一本の線が道のようにページを進みながら、それぞれの仕事へとつながっていくレイアウトにしました。
橋を架け、道をつくり、社会のインフラを支える。野田クレーンさまの仕事そのものを、ホームページをスクロールする動きの中でも感じてもらえるようにしています。

支給写真を加工し、サイトの世界観になじむビジュアルへ
ホームページで使用している写真は、野田クレーンさまから支給いただいたものです。
ただ写真をそのまま配置するのではなく、デザイン上必要な箇所ではPhotoshopを使って、水彩画やイラストのような表現に加工しました。
クレーンや特殊車両、橋梁工事といった力強い写真を生かしながら、輪郭や背景を柔らかくなじませることで、サイト全体のデザインと自然につながるビジュアルに仕上げています。

支給写真 → Webサイトのデザインに合わせて加工

ヒアリングシートから、サイト全体の文章とコピーを制作
ホームページの文章やキャッチコピーも、Blookで制作しました。
とはいえ、私たちが橋梁工事やクレーンリース、特殊輸送といった野田クレーンさまの仕事について、最初から詳しいわけではありません。
そこで今回は、社長に長時間のインタビューをお願いするのではなく、Blookで用意したヒアリングシートに回答していただく方法を取りました。
仕事のこと、会社として大切にしていること、これからのこと、採用について。必要な内容を質問として整理し、その回答をもとにBlookで内容を組み立て、トップページから事業案内、会社案内、採用ページまで、サイト全体の文章を書き起こしています。
トップページの
「未来へつなぐ橋を架ける」
そして採用ページの
「あなたの技術が、新しい時代の橋を架ける。」
というコピーも、その中から生まれました。
実際に「橋を架ける」会社だからこそ使える言葉を軸に、企業サイトと採用ページで別々のことを言うのではなく、野田クレーンさまらしい一本のつながりを持たせています。



保有機種が増えても、自社で追加・更新できる仕組みに
野田クレーンさまでは、クレーンやトラック、トレーラーなど多くの車両・重機を保有しています。さらに、新しい機種が導入されればホームページの情報も増えていきます。
そこで、制作会社にその都度修正を依頼しなくても、WordPressの管理画面から保有機種を追加・更新できる仕組みをつくりました。
機種ごとに写真や能力、メーカー、機種名、備考などの情報を掲載でき、必要に応じてPDF資料も案内できます。掲載写真はクリックすると大きく表示されるようにし、保有設備を確認しやすいページにしています。


採用情報は、専用ページとエントリーフォームまで制作
採用については、通常のお問い合わせページの中にまとめるのではなく、独立した採用ページを設けました。
会社や仕事について知ってもらうところから、募集要項、選考までの流れ、よくある質問へと進み、最後は採用専用のエントリーフォームから応募できる構成です。
エントリーフォームでは、基本情報だけでなく希望職種やエントリー内容など、採用に必要な項目を入力できるようにしています。
会社を知るところから応募までをひとつの流れとして考え、通常のお問い合わせとは分けて採用の導線をつくりました。


企業・コーポレートサイト制作について
ホームページをつくるために、最初から写真や文章をすべて用意していただく必要はありません。
Blookでは、会社や仕事についてお話を伺いながら、必要な情報の整理、文章・キャッチコピーの制作、Webデザイン、WordPressでの構築まで一貫して対応しています。
今回のように、更新したい情報を自社で追加できる仕組みや、採用ページ・専用フォームを含めたホームページ制作もご相談いただけます。
▼ 関連リンク
原稿やWebサイトに掲載する情報がまとまっていない段階からでも、ホームページ制作についてお気軽にご相談ください。
お問い合わせ・お見積りはこちら





