鋳鋼品メーカー コーポレートサイト

ご注意: 本事例はポートフォリオ用にサービス名・画像・金額等を架空のものに差し替えて掲載しています。実際のプロジェクトとは異なります。

プロジェクト概要

製造業の親会社から製造部門を切り出して新設された鋳鋼品メーカーの、独立したコーポレートサイトを新規制作しました。親会社サイトとは完全に独立したサイトとして、会社情報・技術情報・製品情報・採用情報を中心に構成。BtoB向けの情報提供に特化したシンプルなコーポレートサイトです。

顧客からのご要望

• 会社情報・技術情報・製品情報・採用情報で構成されたシンプルなコーポレートサイト
• 情報提供が目的であり、グラフィカルなデザインやインタラクティブな仕様は不要
• 親会社サイトとは独立した、子会社単体のサイト
• 20〜30ページ規模

制作アプローチ

BtoB製造業として「信頼感」と「技術力」を伝えることを重視。濃紺と臙脂色を基調とした重厚感のある配色で、装飾を最小限に抑えた情報重視のレイアウトを採用しました。製品仕様はテーブル形式で整理し、技術者が必要な情報にすばやくアクセスできる構成としています。

成果物の詳細

ページ構成（全28ページ）

• トップページ（企業概要、製品カテゴリ、お知らせ）
• 会社情報（ごあいさつ、会社概要、沿革、アクセス、グループについて）
• 技術・製造（製造工程、設備紹介、製作限界、品質管理体制、認定資格・規格、技術資料・鋼種リスト）
• 製品情報（製品一覧、エネルギー関連部品、産業機械部品、インフラ関連部品、鉄鋼・非鉄部品、レキュペレータ）
• サステナビリティ（環境方針、品質方針）
• 販売ネットワーク
• 採用情報（採用メッセージ、募集要項、福利厚生）
• お知らせ一覧
• お問い合わせ
• プライバシーポリシー
• サイトマップ

主な機能

• レスポンシブ対応（PC / タブレット / スマートフォン）
• お問い合わせフォーム（製品別問い合わせ対応）
• お知らせ管理機能（MDXベース）
• パンくずリスト
• ページ内アンカーナビゲーション

技術的な工夫

• Next.js SSGによる静的サイト生成: 情報提供サイトに最適な高速表示を実現。サーバーコスト不要
• MDXベースのコンテンツ管理: お知らせ更新を非エンジニアでも対応可能に
• 情報テーブルの統一設計: 製品仕様・会社概要・設備情報を統一されたテーブルコンポーネントで整理
• SEO最適化: 製造業BtoBサイトに必要なメタデータ、構造化データを設定
• アクセシビリティ対応: セマンティックHTML、適切なコントラスト比を確保

制作期間

約2.5週間（一般的な制作会社では10-14週間）