(製造業・町工場 / ターゲット：大手メーカー調達担当・求職者 / 目的：新規取引・若手採用)
目次
■ 制作概要・コンセプト
Japanese Craftsmanship: 世界に誇る「微細加工」の粋
日本の町工場が抱える「3K（きつい・汚い・危険）」のイメージを、Webデザインの力で「3C（Clean, Creative, Cool）」へと変革させました。 ミクロン単位の精度を追求する技術力を、画面上の1ピクセルのズレも許さない緻密なレイアウトで表現。海外展開も見据え、言葉に頼らなくても技術力が伝わる「ビジュアル・コミュニケーション」を軸に据えています。
■ デザイン戦略（配色・フォント）
配色：プラチナシルバー (#E5E4E2) と インテリジェンス・ブルー (#0041C2)
- 色彩心理： 金属の質感（メタル感）を感じさせるシルバーやグレーをベースに、知性と冷静な判断力を表す深い青を配置。
- 工場内の写真は、油汚れを感じさせないよう、露光とホワイトバランスを調整し、「手術室のように清潔な工場」というブランディングを行いました。
フォント：DIN Alternate (数字) + ゴシックMB101 (和文)
- 数字やスペック表には、ドイツの工業規格書体である「DIN」を使用。数値の信頼性を視覚的に高めます。
- 見出しには、極太のゴシック体を使用し、創業50年の歴史と、決して揺るがない経営基盤（安定性）を力強く表現しました。
■ UI/UX設計（レイアウトの意図）
発注担当者のための「スペック検索」機能
- メーカーの調達担当者は「加工可能サイズ」や「対応素材」「保有設備」で工場を探します。
- これらをただのリストではなく、ソート（並び替え）や絞り込み可能なデータベースとしてUI化。担当者が知りたい情報に最短3クリックで到達できる機能性を実装しました。
採用ブランディングとしての「バーチャル工場見学」
- 求職者（特にZ世代）やその親御さんが最も気にする「職場環境」をオープンにするため、360度カメラを用いたバーチャル工場見学コンテンツを導入。
- 「どんな場所で、どんな人が働いているか」を透明化することで、採用ミスマッチを防ぎ、エントリーへの心理的ハードルを下げています。
■ マーケティング・SEO視点
※BtoBニッチキーワードとグローバルSEO
「加工技術 × 素材」のニッチトップ戦略
- 「金属加工」などのビッグワードではなく、**「インコネル 切削加工」「5軸加工機 試作 短納期」**といった、専門性が高くコンバージョンに近いロングテールキーワードを網羅。
- 技術コラム（テックブログ）を通じて、設計者の悩み（技術課題）を解決するコンテンツを発信し、検索からのリード獲得（インバウンドマーケティング）を実現しています。
多言語対応（hreflang）による海外オファー獲得
- グローバルニッチトップを目指すため、英語・中国語ページを作成。
- Googleが言語ごとのページを正しく認識できるよう、hreflangタグを実装し、海外からのアクセスに対しても適切な言語ページが表示されるよう技術的なSEOを施しました。
信頼の証（Trust signals）の可視化
- BtoB取引において最も重要な「信用」を担保するため、ISO9001などの認証取得状況、主要取引先（許可を得た企業のみ）、創業年数をフッターなどの全ページ共通部分に配置。
- 常に「この会社は大丈夫だ」という安心感をサブリミナル的に訴求しています。
採用サイトのSEO（JobPosting）
- 深刻な人手不足に対応するため、IndeedやGoogleしごと検索に自動連携される構造化データを実装。
- 「年間休日120日」「残業少なめ」などの求職者が検索するキーワードをメタデータに含め、求人媒体費を削減しながら自社サイトでの直接採用を成功させています。
【用語解説】
- Z世代： 1990年代中盤から2010年代序盤に生まれた世代。デジタルネイティブであり、仕事選びの価値観が上の世代と異なる。
- hreflangタグ： 多言語サイトにおいて、ユーザーの言語や地域に合わせて適切なページを表示させるためのHTMLタグ。
- インバウンドマーケティング： 顧客にとって有益な情報を発信し、見つけてもらうことで集客する手法。
- ロングテールキーワード： 検索数は少ないが、具体的で成約率が高い複合キーワード。BtoBでは特に重要。
- ISO認証： 国際標準化機構が定めた規格。品質マネジメントシステム（ISO9001）などは企業の信頼性の証明になる。
