加藤建設株式会社様のホームページ制作事例

コンセプト

加藤建設株式会社のホームページ制作リニューアル案件です。前のホームページから5年近く経過して、会社の採用情報に力を入れたいという要望を受けて、会社のブランドイメージを向上させることを主眼にコンセプトを練っていきました。
そのために加藤建設株式会社からまずは、主眼に沿ったワイヤーフレームを求められ、ワイヤフレームを数案提出しました。そして、ワイヤフレームが確定した後、デザイン案を数案提出して、そこでOKが出たものをベースに制作を行いました。
ホームページの会社の写真は、ドローンで上空から撮影したものが使われ、ビジュアルにもこだわりました。
以前のホームページは、建設業というイメージから、信頼性をアピールするために、ネイビー色をメインカラーにしましたが、今回は、他との違いをアピールするために、会社のロゴのカラーである、藤色をベースにして、サイトデザインをまとめました。
ビジュアル性の高いサイトになったと思います。

弊社からの制作アプローチ

トップページのサイズは、フルワイドで作成しています。通常は、トップのメインビジュアルはフルワイドで、その下はBootstrap基準の1140pxや、1170pxのコンテナーを作り、そこにハマるように作ることが多いのですが、今回は、費用よりもデザイン性にこだわりたいというクライアントの意向もあり、全面フルワイドにすることにしました。
写真を大きく配置して、そこに載せる文章はブロークングリッドを使い、おしゃれに見えるようにしました。
そして、これまでの実績をアピールするために、アニメーションスライダーを設定して、たくさんの枚数の写真が横に動いていくので、自然に視線がそこに行くように仕向けました。
そして、クライアントが一番力を入れたいと考えていた、採用情報のサマリーをトップページに組み込み、そこからすぐに問い合わせができるようにフォームを設置しました。
採用情報ページを見ていただくと分かりますが、採用ページのデザインは、他のセカンドページとは違い、このページのためのデザインを別途作っています。さらには、採用情報のトップページに社長の写真、メッセージ、そして会社の10の魅力というコンテンツを設けて、採用を考えている人に、インセンティブを与える情報を提供しています。
実際に働く若手社員のインタビューも載せているので、同世代の若者に共感してもらえるのではないかと思います。
今回のホームページは、新規のクライアントを獲得することを目的とする以上に、この会社で働くことを検討している方々へのアピールを目的としたサイトとなっております。

PC表示画面

スマホ表示画面