― Business Plan ―
イメージと強みを整理し、採用と仕事の両方につながる企業サイトへ
岐阜県瑞穂市に本社を構える株式会社新東工機製作所様は、製缶分野で、創業から50年以上にわたり産業現場を支えてこられました。
一方で、10年以上前に制作されたホームページは情報やデザインが現状と合わなくなっており、特に採用面では、古いサイトの印象から若い世代への訴求が難しくなっていることに課題感をお持ちでした。
そこで今回の制作では、求職者にも取引先にも「どんな会社か」「何ができる会社か」が伝わるコーポレートサイトを目指しました。
まずは知って
おきたい!
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。
ホームページ制作のきっかけ
10年以上前に作成したホームページが形骸化しており、「このままではいけない」という問題意識が出発点でした。
今回のご依頼は特に採用目的が中心で、可能であれば仕事の問い合わせも増えたら嬉しいという期待もありました。
あわせて、社外だけでなく社内の方やご家族にも、どんな仕事をしている会社かが分かりやすく伝わる状態を目指す意図がありました。
クライアントが抱えていた主な課題
サイトが古く、会社の姿や強みが正しく伝わっていない
若い世代を採用し、組織の若返りと技術の継承を進めたい
情報の更新がしづらく、自分たちで発信していく運用が出来ていない
大型製缶やニッチな製品への対応など強みはあるものの、「何ができる会社なのか」が初めて見る人に分かりやすく伝わっていない
ご要望の方向性
若い求職者にも前向きに見てもらえるサイト作り
自社で更新できる仕組みを整え、運用しやすい状態に
お問い合わせまでの導線を強化し、スムーズに行動へつなげられる設計
技術の強みを、広い層に分かりやすく伝える構成
社外だけでなく、社内や求職者にとっても「どんな会社か」の説明資料となるような設計
マーケティング施策
現状分析
採用にも仕事にも影響する、「伝わらない状態」の整理が課題
古いデザインのまま情報発信が止まっていると、求職者に「昔ながらの会社」という印象を与えやすく、採用に不利になりがちです。
また製造業では、「何ができる会社なのか」と「安心して任せられる理由」を分かりやすく示すことが重要であるため、改善が必要でした。
そこで今回は、採用と対外的な理解促進を目的に強みと製品情報を整理し、更新できる仕組みも整える方針を取りました。
戦略・施策方針
検討者の判断プロセスから
逆算したサイト設計
採用を軸に据えながらも、「この会社に任せたい」という信頼も同時に醸成し、応募と案件獲得が自然に結びつく理想的なプラットフォームへと戦略を整えました。
1
採用を主目的に、第一印象を刷新
採用を主な目的として、サイト全体の第一印象を見直しました。
古いデザインのままでは実際の職場環境とのギャップが生まれやすくなります。サイト全体として、すっきりと清潔感のある印象に整えました。
2
製品・対応領域を整理し、ニッチな強みも見つけやすく
集塵専用の機器や焼却炉など、専門性が高い領域も対応できる点は、一覧の見せ方次第で伝わり方が大きく変わります。
製品一覧を整理し、初めての方でも「該当しそう」が探しやすい状態を目指しました。
3
強みは数字で示し、専門的な検討にも耐えうる情報を揃える
設備で探している専門的な担当者に向けては、最大加工寸法などの具体的な数値情報を併記し、検討段階でも判断材料として使える内容を整えました。
4
海外からの引き合いも視野に入れた発信
過去の類似事例では、海外から「この技術でこれが作れないか」という問い合わせが来た実績がありました。
そのため新東工機様でも、当初想定していなかった海外からの引き合いを含め、将来的にチャンスが生まれる情報設計を提案しました。
ホームページ制作のポイント
イメージされていたサイト像
取引先となる企業には技術力や設備の充実度がきちんと伝わること、一方で求職者には仕事内容や職場の雰囲気がイメージしやすいことを重視したい、というご相談をいただきました。
また、若い世代からの採用応募も視野に入れ、製造業としての信頼感は保ちつつ堅くなりすぎない、見やすく親しみのあるサイトを目指しました。
デザインコンセプト
- 誠実さと技術力が自然に伝わる、清潔感のあるデザイン
- ロゴの印象に合わせ、青系をベースにしたカラー設計
- 製造業らしい安心感を残しつつ、フラットで重くなりすぎないトーン
- 工場の規模感や設備力が伝わる写真配置
こだわり・工夫したポイント
1
埋もれないデザイン設計
青を基調としたコーポレートサイトは多いため、単なる配色だけで差別化するのではなく、フォントの選定、余白の取り方、情報の整理方法によって印象に違いが出るよう意識しました。
要素を詰め込みすぎず、情報の強弱をつけることで、落ち着きと見やすさを両立しています。
2
フォント使いによるトーンコントロール
英字フォントにはGoogle FontsのJostを採用し、見出しや装飾的なテキストに使用しました。
直線的すぎず、ほどよく丸みのある書体のため、技術力や信頼感を損なわずに、今っぽさや若々しさをプラスできる点を重視しています。日本語フォントとの組み合わせにも配慮し、全体のバランスが崩れないよう調整しました。
3
誠実さを色で伝える、信頼感のある配色
工場内の写真は、そのまま使用すると暗く重たい印象になりやすいため、色被りを補正し、青みを加えてトーンを調整しました。
現場の雰囲気や臨場感は残しつつ、サイト全体として清潔感のある、すっきりとした印象になるよう仕上げています。
4
情報量が多くても見やすいレイアウト
製品情報など情報量が多くなるページでは、画像ギャラリーや表を適切に取り入れて整理しました。
視覚的に内容を把握しやすくすることで、初めて訪れた方でも理解しやすい構成を意識しています。
また、表組みの情報についてはスマートフォンでも見やすくなるよう工夫し、項目名を左側に固定したまま横スクロールできるレスポンシブ対応を行いました。
デバイスを問わず、必要な情報をストレスなく確認できるレイアウトとしています。
5
下層ページまで含めた統一感
トップページだけでなく、製品一覧や製造実績、採用ページなどの下層ページでも、
フォントサイズや写真の見せ方、余白のルールを統一しています。
ページを遷移しても印象が変わらず、「きちんと作り込まれている」印象を持ってもらえるよう配慮しました。
WEBデザイナー
制作スタッフのコメント
今回の制作では、新東工機製作所様の強みである技術力や設備力がしっかり伝わることに加え、求職者の方にも仕事内容や職場の雰囲気がイメージしやすいサイトになるよう意識しました。
青を基調としたデザインの中でも埋もれないようフォントの使い方や余白、情報の整理にこだわり、工場写真についても暗く重たい印象にならないようトーンを調整し、全体の統一感を大切にしています。
製品情報や設備情報など専門的な内容が多いため、ギャラリーや表を活用し、PC・スマートフォンどちらでも見やすいレイアウトを心がけ、企業担当者と求職者どちらにとっても分かりやすいサイトになる構成にしています。
まずは知って
おきたい!
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。







