本日 新たなホームページリニューアル実績としてご紹介をするのは東京都台東区の株式会社カノウプレシジョン様の会社サイトです。初期ページ制作から8年以上経過をしているのと、大規模な展示会への出展に合わせ、ビジュアル面のフルリニューアルをご依頼いただきました。
長年の定期更新追加/サイト運用により、多くのコンテンツが載っており 少し雑多なイメージになっていたのをスッキリとした透明感あるサイトデザインへ変更を行っています。リニューアルデザインの公開納期が予め決まっていたため、通常よりも短期間でのホームページ制作となりました。会社ロゴのデザイン・カラーを取り入れ、スタイリッシュ且つ 爽やかなwebデザインを重視。
リニューアルデータUP後のSEO対策面も考慮し、リニューアルコーディングを実施しました。

【製造業 ホームページ制作実績】東京都台東区のカノウプレシジョン様
TOPページ制作時の注力点
各種機械加工や部品製作等 製造業様のコーポレートサイト制作時は、紺色や黒・グレーなどを基調に堅めのデザインにて制作を行うことが多いですが、今回はそういったイメージとは異なり、グリーンベースで爽やかさと透明感へ重きをおいたサイトデザインとなっています。
多くのサイト訪問者が最初に閲覧するトップページ メインビジュアルはjQueryにて、3パターンの画像が自動で切り替わる仕様です。画面左上部には”お客様の利益想像の為に全力を―”といったキャッチコピーを、右部には「カスタマイズ製品への対応」「小ロット・多品種対応」「精密部品+組立のワンストップ対応」といった3つの特徴をビジュアル良く掲載。

そしてメインビジュアル下には会社メッセージコンテンツを青葉の画像と共に、爽やかなイメージでレイアウトしています。できるだけファーストビューが堅くない印象となるよう工夫をしました。
その下には「グローバルリソースの活用」「お客様とのコミュニケーション」「現地の品質管理について」といった会社として取り組んでいる内容や注力している内容を実際の人物写真と共に、見た目良く配置。
背景のグリーンレイヤーの上へ写真をイラスト調に加工し重ねているため、閲覧者へビジュアル的に凝った印象を与えます。

またコンテンツの区切りとして、jQueryで実際の製品写真をギャラリー形式で右から左へ流れる仕組みを採用。TOPページ中段から下段にかけては「pickupコンテンツ」や「精密部品加工・タッチパネル・カバーガラス等の対応技術/対応製品」に関するコンテンツを掲載。

その下には会社に関する新たな情報やホームページ更新に関する新着情報欄、スタッフBlog記事一覧の枠を設けています。
下層ページ制作時の注力点
下層コンテンツ制作時もトップページ同様、多くのコンテンツ/内容が載っている雑多なイメージを一新し、シンプルで分かりやすい見せ方へと変更を行っています。ページ上部 下層メインビジュアルはトップのメイン画像縦幅より少し縮めた上で1枚画像にて構成。スタイリッシュなエメラルドグリーンレイヤーをひき、白字でページタイトルを掲載しました。
大タイトル/h2タグはページ掲載コンテンツの区切りを明確に、ビジュアル的に分かりやすくする意図で濃いモスグリーン色の帯で制作。近年、帯型のタイトルは減少傾向にありますが、今回は敢えて帯のビジュアルにしています。

背景はTEXT文字の視認性を考慮し白で、文字色は黒・ブルーを採用。ユーザーがTEXT文を読みやすいように工夫しています。従来はオレンジや赤・紺色などを使用し、カラフルなコンテンツの見せ方にしていましたが、今回はそういった多様なカラーリングや余分な装飾等を省き できるだけシンプル/シャープな見え方になるよう注力しました。
サイトリニューアル前はよくあるレイアウト、右にイメージ写真/左に説明文といったレイアウトを主にとっていましたが、今回は高解像度の写真を画面中央に配置、その下へ説明テキストを置くといった近年スタンダードになりつつある新しい見せ方にしています。
下層ページは今後も内容追加や既存掲載コンテンツに関する調整を進めながら、検索エンジン評価の向上/SEO対策面の強化へ取り組んでいきます。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター:渡邉 真帆

建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと:アクティブリスニングと笑顔 苦手なこと:料理と口喧嘩
---------------------------------------------------------------
満足度の高いホームページ制作なら
東京のエグゼクティブクリエイション!
---------------------------------------------------------------

◇Web制作/運営に関するご相談はこちら
TEL: 03-5839-2512
FAX: 03-5839-2513
≫ホームページ制作 エグゼクティブクリエイションTOPへ