「理想的なEMC環境実現のために」テクノサイエンスジャパンwebサイトリニューアル
テクノサイエンスジャパン様は、これまでに2,500以上のEMC試験システムの納入実績を誇っており、あらゆる電子機器の電磁環境試験について知恵を絞り、最適なソリューションを提案するエキスパート集団です。
リニューアル前のWebサイトはスマートフォン対応が出来ておらず、また、今後はWebサイトにて海外からの集客も考えていきたいとご検討されていたところ、今回ご縁があり弊社が制作を担当させていただくことになりました。
web制作に関してはSEOを重視しながら、訪れたユーザーにとってわかりやすいデザインとなるように意識いたしました。
デザインに関して
ベースとなるデザイン
テクノサイエンスジャパン様のコーポレートカラーである青系をベースに、背景を白色や薄い青色を中心とすることで、安心感・信頼感のあるイメージとなるようにしております。
また、テクノサイエンスジャパン様は数多くの企業の製品も取り扱っている会社様ですので、取り扱いのある企業様のロゴを多く載せることで、さらなる安心感を与えるようにしています。
リニューアル前後の比較
リニューアル前とリニューアル後のTOPページのデザインの比較は下記デザインにてご確認下さい。
従来のPCデザインでは、画面の横幅いっぱいまで活用できていないデザインとなっており、情報が詰め込まれた印象を与えるデザインとなっておりました。新しいデザインでは横幅いっぱいを使ってデザインを作成することで文章が読みやすく、かつメリハリのあるデザインとなっております。加えて、写真も大きく活用できるため製品を大きく見せることができ、イメージがしやすくなっております。
また、従来のデザインでは製品一覧とお知らせのシンプルなデザインでしたが、掲載する情報量を格段に増やし、テクノサイエンスジャパン様の特徴などをよりわかりやすくお伝えするとともに、検索時に上位表示されるようにSEOも意識して作成しております。
この他、従来のデザインでは、PCデザインをそのままスマホ画面でも表示されるようになっており、かなり閲覧しにくいデザインとなっておりました。新しいデザインでは、レスポンシブデザインを採用し、サイズに合わせてデザインが調整されることで、スマホ画面でも十分に閲覧可能なデザインとなっております。
従来のPCデザイン
新しいPCデザイン
従来のスマホデザイン
新しいスマホデザイン
※以降も特徴などの説明が続く
webサイトに実装した機能
今回の案件ではテクノサイエンスジャパン様にて、製品情報の追加などを自社で実施したいとのご要望や海外ユーザーの閲覧を考慮したいとのご要望をいただいたため、以下の機能を実装いたしました。
- ニュース・ブログなどの投稿機能（WordPress標準装備）
- 「製品紹介」ページの各製品の追加・修正機能
- 「EMC試験」ページの各試験の追加・修正機能
- 「取扱メーカー」の追加・修正機能
- 日本語ページと英語ページの切替機能
これらの機能を盛り込むことで、様々な情報をテクノサイエンスジャパン様にて更新できる状態にし、海外ユーザーもボタンひとつで当該ページの英語サイトが表示されるようになっております。
まとめ
今回は、テクノサイエンスジャパン様のweb制作案件について、クライアントの目的に合わせて、最適なデザインをご提案するところから担当させて頂き、ご要望に応じた機能の実装まで行いました。
エンドルフィンズでは、今回のようなweb制作だけでなく、クラアントのビジネスに最適なwebマーケティングの戦略策定から支援することも得意としております。
クライアントの目指すゴールに最短・最速で到達するお手伝いをさせて頂きます。ご興味のある方は、お問い合わせページもしくは、TwitterのDMなどで是非お気軽にお問い合わせください。
お問い合わせページはこちら
