松田電機工業所様（コーポレートサイト）｜Web制作実績レスポンシブ対応｜制作実績

松田電機工業所様

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

クライアント	松田電機工業所様（愛知県春日井市）
制作プラン	Meta定額制30プラン
カテゴリ	コーポレートサイト製造・開発・IT・AI
URL	https://matsudadenki.co.jp/
制作チーム	ディレクション M.Nakamura Webデザイン M.Nakamura システム T.Taguchi マーケティング K.Hashiba

HOME 制作実績Meta定額制30プラン制作実績

制作実績

REPUTATION

お客様アンケート評価

すっきりと整理された見やすいホームページに仕上げていただき、さらに設計にこだわっていただいたことで、ユーザーへのアピールポイントが増え、大変満足しています！

5段階評価平均

4.4

担当者の評価

5/5
担当者の知識

5/5
リクエスト対応

5/5
デザイン

4/5
フルオーダーメイド設計

4/5
CMS更新システム

3/5
制作料金

5/5

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

初期費用0円
運用サポート
フルオーダーメイド設計
高品質なWebデザイン

POINT

制作のポイント

お客様のご要望

集客（新規）を増やしたい
リクルートを強化したい
ブランディング向上
HPデザインを良くしたい
検索順位を上げたい（SEO対策）
スマートフォンサイトを強化したい
競合他社より良いHPにしたい

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

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

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

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

ディレクション
M.Nakamura

今回、リニューアルのもう一つ目的として、「ブランドイメージを向上したい」というご要望をいただきました。そのため、画面の大きなPCサイトのファーストビューには、お客様の自社工場での製造工程のお写真を縦に流れるスライドショーで数多く表示しています。そうすることで、製品づくりへの誠実さや高い技術力を感じていただけるようなデザインに仕上げております。

Webデザイン
M.Nakamura

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

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

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

Webデザイン
M.Nakamura

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

エンジニア
T.Taguchi

システム面では、お客様が製造している製品の情報を更新できる「製品一覧CMS」をオリジナルのCMSで自社開発しました。こちらのCMSでは、ユーザーが「スイッチ検索」機能を使ってスムーズに目的の製品を検索できるよう、管理画面から「自動車用」や「建機・農機用」などのスイッチの品種や利用場所をカテゴリー登録できるシステム設計となっております。

Web制作・運用サポート一覧

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

BEFORE AFTER