Summary
Project Type:
コーポレートサイト
Launch Date:
精密機械部品製造会社向けのコーポレートサイト。
BtoB製造業の特性を活かし、技術力・品質・納期対応力を訴求。
Astro+TailwindCSSで構築し、Imageコンポーネントによる自動WebP変換で高速表示を実現。
ISO認証や創業年数を動的表示し、信頼性を強調。問い合わせ導線を最適化した製造業特化型サイト。
※実際のクライアント案件のコンテンツを改変したデモサイトとして制作しました。
Tasks Tasks
技術コンサルタント, ブランディング, レスポンシブ, サイトマップ設計, SEO, コピーライティング
Technologies Technologies
TypeScript, Astro, Tailwind CSS v4
Colors Colors
#16b099
#00947a
#111928
#f9fafb
Top Page Top Page
精密機械製造会社向けに最適化された、BtoB製造業特化型のコーポレートサイトトップページ。
ヒーローセクションでは「図面1枚から、理想の部品を形に」というキャッチコピーで、顧客の課題を即座に訴求。創業年数を動的計算で表示し、ISO 9001認証取得など信頼性を強調する設計。
「選ばれる理由」セクションでは、不良率低減・スピード対応・小ロット対応・難削材対応の4つの強みをユーザーベネフィット重視で説明。
料金プランは試作・量産・大量生産の3段階で構成し、「こんな方におすすめ」で具体的な導入イメージを提示。
FAQ・CTA・お問い合わせフォームを段階的に配置し、問い合わせへの心理的ハードルを下げる導線設計。
全セクションで専門用語を適度に使用しつつ、顧客メリットを明確化したBtoB製造業向けのトップページとしました。
Blog Page Blog Page
製造業の技術ノウハウを発信する専門的なブログ記事ページ。
「CNC加工で実現する高精度部品製造のポイント」など、実務課題を解決する実践的コンテンツを掲載いただけるように設計しました。
記事下部には関連記事と人気記事を配置し、回遊性を向上。SNSシェアボタンで拡散を促進し、ニュースレター登録フォームでリード獲得も図れます。製造業の専門知識を持つ技術者の方に執筆いただくことで、BtoB顧客の信頼獲得とリード育成を期待できるページとしました。
