株式会社サファリテック

建築設備工事業を展開する事業者様向けに、最新のNext.js 16・React 19・Tailwind CSS4を採用したコーポレートサイトを制作。硬派な業種の中に先進性を感じさせるデザインで、新規取引先への提案力強化を狙いました。framer-motionによるなめらかなスクロールアニメーションと、スマホからのアクセスでも高速表示されるパフォーマンス設計を両立しています。

技術スタック　Next.js 16・React 19・Tailwind CSS 4・framer-motion
構成ページ　会社概要／事業内容／施工事例／強み・特徴／お問い合わせ
実装範囲　スクロールアニメーション（framer-motion）をリッチに実装しつつ、Core Web Vitalsを優秀に保つ設計。レスポンシブ対応（スマホ・タブレット・PC）、OGP設定、SSL・Vercelデプロイまで込み。最新フレームワークの採用により、長期運用コストも抑えた構成としています

業界内で圧倒的に先進的な印象を与えるサイトに仕上がり、新規取引先への営業資料としても活用可能に。スマホからのアクセスでも高速表示を実現し、現場担当者からも閲覧されやすい構成を実現しました。名刺・提案書と合わせて「信頼感ある会社」のブランディングに貢献しています。

「建築設備工事業のHPでここまで洗練されたものは見たことがないと取引先から言われます。硬い業界だからこそ、デザインで差別化できるのは強いと実感しています。」

硬派な業種でも「信頼感 X 先進性」は両立できるという思いでデザインしました。最新のNext.js16を採用することで、長期運用コストを抑えつつ、今後のAI機能拡張にも耐える設計にしています。