本日ご紹介するのは千葉県千葉市の総合建設業 株式会社共栄様のホームページ制作実績です。コーポレートサイトのため、通常のサイト制作時よりも全体的に少し堅めの雰囲気でフォーマルさ・信頼度重視のwebデザインにて、制作を行いました。
メイン画像は高層ビル群を下から上へ見上げたビジュアルをメインに、建設現場での施工管理・工事等をイメージする写真を使用しデザイン。メインキャッチコピーとそれに対応する英字で、より”スタイリッシュさとカッコ良さ”を増しています。都会的でクリアな雰囲気を演出できるよう、掲載画像面から使用フォント面までこだわり、全体的な統一感にも配慮し構成しました。
会社ホームページ 制作実績紹介：株式会社共栄様/総合建設業
都会的な雰囲気に自然を取り入れたビジュアル
ファーストビューであるヘッダー 及びメインビジュアルは黒を基調に都会な雰囲気となっていますが、その次の項目 MESSAGEコンテンツでは敢えてそれとは対照的な自然/新緑と川の画像を大きく右部にレイアウトしています。都会的な写真とは真逆の画像を意図的に使うことで、ビジュアル的なメリハリが出る効果があります。
ただ いきなり、高層ビル群のイメージだったのが大自然の画像へ切り変わることで大きな違和感が生じないよう、自然画像の上のレイヤーへ大規模建造物の写真を配置し、視覚的な関連性を持たせています。こちらの大サイズの自然画像までビル・都会の写真であった場合、単調な雰囲気や視覚的にうるさい印象となってしまうので 敢えて自然の画像を取り入れました。
その下の「FEATURE～共栄に出来ること～」項目も同様に、一見 建設業とは関係のない青空や花の画像を大きく右側へ載せていますが、その下に主な対応工事として土木工事・建築工事・舗装工事などの施工コンテンツを複数 配置しているため、そのビジュアル的 対比で違和感なくお洒落なコンテンツに仕上がっています。
トップページ中段コンテンツにあたる「3POINTS～当社の3つのポイント～」では、背景全体にうすいグレートーンへ加工/色調調整を行ったメイン画像を掲載。これまで白背景だった部分に、ここでグレートーンの色付き背景を設けることで見た目的なメリハリを狙っています。
こちらの3つのポイントもそれぞれの内容に関連したイメージ画像と共に、シャープ/スタイリッシュ系の装飾を加え、ユーザーが閲覧した際に凝ったビジュアルとなるよう制作を行いました。01の「迅速な対応」は左に画像・右に文面、02の「豊富な実績とノウハウ」は逆に左が文面・右が画像、03「高品質な施工」は01と同じ配置にしています。
左、右、左と配置を移動させることで、視覚的なメリハリ・飽きのこないビジュアル面へ配慮しています。
ページ後半の「COMPANY～共栄について～」は大都会の夜景写真と共に会社概要、Googleマップによるアクセスマップを掲載。最後のお問い合わせフォームは使いやすくてシンプル、スタンダードなタイプの専用メールフォームを設置しました。
今回は通常の新規ホームページ制作よりも”トップページ、1ページを閲覧しただけである程度の会社事業や特徴が分かること”へ重きを置いています。最上部に印象的なメイン画像とキャッチコピーを配置し、次に会社からのメッセージ、そして主な事業内容一覧、注力しているポイントを3つに絞り掲載、最後に会社概要を掲載することで、サイト訪問者が知りたい内容がすぐに分かる仕様です。
そして、そのまま下にあるメールフォームで各種お問い合わせや相談をできるようになっています。初見から最終的なお問い合わせまでの導線が短いことを重視しました。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター：渡邉 真帆
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと：アクティブリスニングと笑顔 苦手なこと：料理と口喧嘩
---------------------------------------------------------------
満足度の高いホームページ制作をお求めなら
東京のエグゼクティブクリエイションへ！
------------------------------------------------
---------------------------------------------------------------
◇Webサイト制作/運営管理に関するご相談はこちらより
TEL: 03-5839-2512
FAX： 03-5839-2513
------------------------------------------------
≫ホームページ制作 のエグゼクティブクリエイションTOPページへ
