本文へスキップ
NoMARK
実績一覧に戻る

Lumen Studio — クリエイティブスタジオ コーポレートサイト

映像・デザインスタジオのブランディングに合わせた、ミニマルで没入感のあるコーポレートサイトを制作。

AstroGSAPTailwind CSS
Lumen Studio プロジェクトのカバーイメージ

概要

映像制作とデザインを手がけるクリエイティブスタジオのコーポレートサイトを、ブランドの世界観を軸に一から設計・実装しました。余白とタイポグラフィを大切にしたミニマルな構成で、作品そのものが主役になるレイアウトを意識しています。

課題

  • ポートフォリオの見せ方が統一されておらず、案件ごとに印象が分散していた
  • ブランドの世界観を伝えるトーン&マナーが定まっていなかった

アプローチ

  1. ブランドキーワードの整理とムードボード作成
  2. タイポグラフィとグリッドシステムの設計
  3. スクロール演出を含むインタラクションの実装
  4. パフォーマンスを維持したまま滑らかなアニメーションを実現

成果

  • ブランドイメージに沿った一貫性のあるビジュアル言語を確立
  • 主要指標である滞在時間が向上
  • 新規問い合わせ時に「サイトを見て連絡した」という声が増加

本サイトはポートフォリオのサンプルとして作成された架空の事例です。実際の案件に差し替えてご利用ください。