01 / Concept
一瞬の輝きを表現
「瞬間を光のように鮮やかに捉える」という名前の意味を、自然光が差し込むスタジオ写真と静かなコピーで表現しました。
Web Design / Personal project
瞬光フォトスタジオ
一瞬の輝きを、光と影の余韻とともに残すフォトスタジオサイト。
Overview
写真の美しさを邪魔せず、
スタジオの空気まで伝える。
架空のフォトスタジオ「瞬光フォトスタジオ」を想定して制作した自主制作です。
家族写真やポートレート、ウェディングなど、大切な瞬間を自然な光で残したい方に向けて、静けさと信頼感のあるサイトを目指しました。スタジオのコンセプトや撮影メニューへ自然に進める、シンプルな情報設計にしています。
- 制作種別
- 自主制作
- ターゲット
- 自然体の家族写真やポートレート、ウェディングフォトを残したい方
- 担当範囲
- 企画 / 構成 / Webデザイン / コーディング
- 使用ツール
- Figma / HTML / CSS / Cursor
Design Approach
光を感じる余白と、
迷わない情報設計。
02 / Visual
写真が主役の設計
装飾を抑え、ブルーグレーと白を中心に構成。光と影の繊細さや写真の世界観が、画面全体から伝わるようにしています。
03 / Navigation
目的へ迷わず進める
コンセプト、撮影メニュー、流れ、ギャラリーを整理し、初めて利用する方も知りたい情報を順番に確認できる導線にしました。
Blue Gray
Mist White
Charcoal
Design Point
静かなブルーグレーで、
透明感と信頼感を両立。
スタジオ写真の柔らかな光になじむ、淡いブルーグレーと白を基調にしました。文字色には深いチャコールを使い、落ち着いた印象の中でも読みやすさを保っています。
左側の固定ナビゲーションと広い余白により、写真の余韻を感じながら必要な情報へ移動できるレイアウトにしました。