クリーンな水のイメージと高層ビルの画像が印象的な成羽興業様の会社サイトの新規立ち上げ実績です。東京立川にて土木一式、水道施設業・耐震工事等をメインでされている企業様で、透明感がある且つ近代的なwebデザインで制作いたしました！
TOPページjQueryや下層ページメインビジュアル部分は”コーポーレートメッセージを強調できるデザインレイアウト”を組んでいます。情報量が少なめの素材画像の中央へくっきりとした書体で、会社メッセージを配置。背景画像と文字が重なり、読みにくくならないよう、白色光彩を文字に対し強めにかけています。こうすることで可読性が高くなります。
背景部分に使用の画像もナチュラル系のものを取り入れているため、近年流行りのお洒落でモダンなビジュアルへ仕上げています。今回のデザインをチョイスした理由は、会社業務が水道施設に関する事業となるので”オーガニックさと信頼度を両立できる”点を重要視したためです。
ただ、あまりにナチュラルな雰囲気を重視し過ぎてしまうとそのWebデザインの魅力が無くなり、ビジュアル的に簡素なものになってしまいます。これを防ぐ目的で、適宜はっきりとしたカラーリングのリンクボタンやタイトル帯を設置。シンプルながらも、自然に下へ下へと次の内容を読んでしまうような構成を意識しました！
新規ホームページ制作実績紹介：東京立川の水道工事・耐震工事専門 成羽興業様
トップビジュアル/コンテンツ制作の特徴
メインビジュアル下の”成羽興業の想い”では、パララックスデザインの背景部分へビル街の画像を入れ、さらにデザイン的アクセントとして「SEIWA」の会社ロゴを大サイズで取り入れています。
項目内の下段にある「特徴と強み」のコンテンツは、強く主張的な見せ方を重視し、タイトルフォント自体も力強いものを選別し使用いたしました。こうすることで、LP形式の縦長ページでもメリハリを持たせることができるのと、ユーザーの視線をうまく誘導できる利点があります。
その下の”施工実績”部分はページ上部からスクロールしてきた時に、腕を組んでいる5名の写真がパッと目に入ります。こちらのお写真はお客様より頂戴をした画像ですが、非常に良かったため、横幅目一杯サイズで配置しています。「命を潤すインフラが脅かされない暮らし」という優れたキャッチコピーも、背景画像とうまくマッチしました。
全ページ共有のフッター部分は、水溜まりに大きな水滴が落ちたイメージ画像と近代的なテクスチャーを組み合わせた上、グラデーションの爽やかなブルーを使い、色鮮やかなデザインで制作しています。鮮やかなカラーリングでも、ネオンカラーに近い色合いになってしまうと他コンテンツとのデザイン的 整合性が取れなくなるため、注意が必要です。
また成羽興業様の「公式Facebookページ、インスタグラムページ」へリンクしたボタンも置いています。
下層コンテンツの打ち出し方/下層制作時のPOINT
TOPページの次に多くのユーザーが訪れる「会社概要」ページは、メイン画像部分に配置の蛇口から出る水のイメージ画像とその上に記載されている「これまでの実績と若い力が私たちの強さです」といった文面が目に留まります。非常にインパクトがあります！
成羽興業様がこれまで工事をされた実績の一部を見ることができる「施工実績」ページでは、駐輪場の設置工事・道路維持のための定期補修工事・道路の舗装工事の様子を複数枚の写真で閲覧可能です。こちらのwebサイトは、新規お問い合わせ/集客等のコンバージョンを狙う目的ではなく、会社公式ホームページ/ブランディング重視のサイトとなっています。
ブランディング重視のホームページといえど、制作したサイトを多くのネットユーザーに見てもらうためには基本的SEO（Search Engine Optimization/検索エンジン最適化）が必要となるため、初期制作時にタイトルタグやディスクリプションへのキーワード挿入等をいたしました。
---------------------------------------------------------------
東京で新たなホームページ制作を行うなら
株式会社エグゼクティブクリエイション
------------------------------------------------
---------------------------------------------------------------
◇webページの制作や運営に関する
ご相談はこちらから！
TEL: 03-5839-2512
FAX： 03-5839-2513
------------------------------------------------
≫ホームページ制作 東京 エグゼクティブクリエイション
