AIコンサルティングファーム コーポレートサイト

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

プロジェクト概要

AI戦略策定から実装・運用まで支援するコンサルティングファーム「Synapse AI」のコーポレートサイトを制作しました。

顧客からのご要望

• AI企業としての先進性を表現してほしい
• 技術に詳しくない経営層にも伝わるデザインにしたい
• コンサルティングの実績と信頼性も同時に伝えたい

制作アプローチ

ダークベースにアクセントカラーを効かせた先進的なデザインを採用。サービス内容は図解を多用し、技術者以外にも伝わる表現を心がけました。

成果物の詳細

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

• トップページ（企業理念、サービス概要、導入事例）
• サービス紹介ページ（AI戦略策定、PoC支援、実装・運用）
• 導入事例ページ（業界別5社の事例）
• 会社概要ページ（経営陣、企業沿革）
• ブログ・お知らせページ
• お問い合わせページ

主な機能

• ダークモード対応
• スクロール連動アニメーション
• インタラクティブな図解（ホバーで詳細表示）
• ブログCMS連携
• 多言語対応（日本語・英語切り替え）

技術的な工夫

• motion（旧framer-motion）による洗練されたアニメーション: スクロール連動で段階的にコンテンツを表示し、先進性を演出
• ダークモード最適化: next-themesを使用し、システム設定と連動
• パフォーマンス重視: 画像最適化（WebP形式、遅延読み込み）でLighthouseスコア95点以上を達成
• アクセシビリティ: カラーコントラスト比4.5:1以上を確保、スクリーンリーダー対応
• レスポンシブタイポグラフィ: clamp()関数で滑らかな文字サイズ調整

制作期間

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