MY WORK
STUDIO HAKU サイトリニューアル
Web Design
- クライアント
- STUDIO HAKU 様
- 業種
- 写真業
- 仕様
- Wordpress TOP+12P
- 制作範囲
- 企画構成、デザイン、コーディング
- 制作期間
- 2ヶ月(実質約1ヶ月)
STUDIO HAKU|「白」からはじまる、家族の物語を彩る写真スタジオサイト
「HAKU(白)から色づく家族のアルバム」をコンセプトに、スタジオHAKUの持つやわらかな空気感と世界観をWeb上で丁寧に表現しました。
ファーストビューでは、背景がスクロールに応じて白から淡く色づいていくアニメーションを採用し、撮影という体験がはじまる高揚感を演出。
各セクションでは光の差し込み、フェードイン、スライド、パララックスなどを織り交ぜ、写真に包まれるような没入感のあるデザインを目指しました。
また、キャンペーンはカスタム投稿で運用可能にし、クライアントが更新しやすい仕組みを構築。
レスポンシブにも最適化し、スマートフォンからでもブランドの魅力がしっかり伝わるよう調整しています。

Aboutページでは、メッセージをビジュアルと余白を活かして表現。
背景には11枚の写真をランダムに散りばめ、中央にブランドメッセージを縦横中央に配置。
視線を集めつつ、画面全体に「写真に包まれるような」柔らかい世界観を演出しました。
PC・スマホ両対応のランダム配置で、動きのある印象を保ちつつ見やすい設計に工夫しています。




