松田電機工業所様(コーポレートサイト)|Web制作実績 レスポンシブ対応|ネオインデックス札幌

Works

制作実績

松田電機工業所様
オリジナリティあふれる洗練された“デザイン”と、情報が整理された綿密な“設計”により、お客様の強みをダイレクトに訴求

https://matsudadenki.co.jp/

愛知県 春日井市

PC

SP

お客様アンケート

5段階評価平均値

4.4

  • 担当者の評価

    5/5

  • 担当者の知識

    5/5

  • リクエスト対応

    5/5

  • デザイン

    4/5

  • フルオーダーメイド設計

    4/5

  • CMS更新システム

    3/5

  • 制作料金

    5/5

ホームページリニューアルの目的は?

集客(新規)を増やしたい

リクルートを強化したい

ブランディング向上

HPデザインを良くしたい

検索順位を上げたい(SEO対策)

スマートフォンサイトを強化したい

競合他社より良いHPにしたい

ネオインデックスを選んだ理由は?

初期費用0円

運用サポート

フルオーダーメイド設計

高品質なWebデザイン

>
Web制作のポイント

自動車や建機・農機に取り付けられているスイッチの開発・製造を行っている、松田電機工業所様のコーポレートサイトをリニューアルいたしました。

 

今回、リニューアルの主要な目的として、「ホームページからのお問い合わせを増やしたい」というご要望をいただきました。そのため、お客様ならではの強みを分かりやすく伝えられるよう 「松田電機工業所の強み」ページ を作成しました。こちらのページでは、お客様の5つの強みと共に製造ラインや製品、会議の様子のお写真を掲載することで、お客様の強みを文字情報のみならず視覚的にもしっかりと訴求でき、お問い合わせの後押しとなるコンテンツに仕上げております。

 

また、「ソリューション」ページでは、DX推進や物流システムなどのさまざまな分野でプロジェクト活動を展開している各チームの活動内容を紹介することで、生産現場における多様な課題を改善してきたお客様の強みをユーザーに訴求し、主力事業であるスイッチ製造以外のお問い合わせにもつながるコンテンツとなっています。 

 

さらに、お問い合わせフォームへの導線ボタンを明るいオレンジのグラデーションカラーを使用し、画面上部に固定表示いたしました。そうすることで、ユーザーがさまざまなページを閲覧する中で、お客様の製品づくりにおける技術力や品質の高さに魅力を感じ、話を聞きたいと思ったタイミングでスムーズにお問い合わせができる導線設計に仕上げております。

設計・デザインのポイント

採用情報ページでは、「工学部に在籍していて、自動車部品の製造を行う会社へのエントリーを考えている方」「車やものづくりが好きで転職を考えている方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。

 

スマートフォンサイトでは、各サービスページの目次をアコーディオンメニューとして画面上部に固定表示いたしました。そうすることで、画面の小さなスマートフォンサイトでも画面幅を狭めることなく、知りたい情報に簡単に遷移できるユーザビリティの高い設計となっています。 

 

また、「職種紹介」ページでは、各職種のバナーをタップすると仕事の概要や社員インタビューがポップアップで表示されるように設計いたしました。そうすることで、19ある職種の中からユーザーが気になる職種の情報を最短導線でストレスなく確認できます。


デザイン面では、「さまざまなことにチャレンジしている会社」であることを印象づけるため、メインビジュアルの背景にはブラックを基調とし、陰影がはっきりとした直線的な図形を取り入れ、先進的でスタイリッシュなデザインにしました。一方、「採用情報」ページでは、明るくて風通しの良い働きやすい環境を表現するため、ホワイトを基調に、柔らかな印象を与えるボケ感のある陰影の図形を背景に施しました。このように、ターゲットに合わせたページデザインをすることで、複数の異なるターゲットにお客様の魅力を効果的に訴求できる、洗練されたオリジナリティあふれるデザインのホームページを作り上げています。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP