Web制作会社 コーポレートサイト

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

プロジェクト概要

戦略設計からUI/UXデザイン、コーディング、マーケティングまで一貫対応するWeb制作会社「CraftWeb」のコーポレートサイトを制作しました。

顧客からのご要望

• 制作会社として恥ずかしくない高品質なデザインにしてほしい
• 実績を効果的に見せるポートフォリオギャラリーがほしい
• サービス範囲の広さを分かりやすく整理してほしい

制作アプローチ

モノトーンベースのクリーンなデザインに、実績写真で彩りを添える構成。ポートフォリオギャラリーはフィルタリング機能付きで、業種・制作物別に閲覧可能に。

成果物の詳細

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

• トップページ（サービス概要、制作実績ハイライト）
• サービス紹介ページ（戦略設計、デザイン、開発、マーケティング）
• 制作実績ページ（ギャラリー形式、フィルタリング機能付き）
• 制作フローページ（プロジェクト進行の可視化）
• 料金プランページ（パッケージ紹介）
• 会社概要ページ
• お問い合わせページ

主な機能

• インタラクティブなポートフォリオギャラリー（業種・制作物でフィルタリング）
• 滑らかなページ遷移アニメーション
• レスポンシブグリッドレイアウト
• お問い合わせフォーム（バリデーション付き）
• スクロールエフェクト

技術的な工夫

• Reactによるインタラクティブなギャラリー: 状態管理を活用したフィルタリング・ソート機能
• Viteによる高速ビルド: 開発体験向上とバンドルサイズ最小化
• Tailwind CSSでデザインシステム構築: カラーパレット・タイポグラフィの一元管理
• Intersection Observer APIで遅延読み込み: ギャラリー画像を表示領域に応じて読み込み、パフォーマンス向上
• Web Vitals最適化: LCP 2.5秒以下、CLS 0.1以下を達成

制作期間

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