Project Overview
プロジェクト概要
- プロジェクト名
- Bloom Lab
- 業種
- 美容室・ヘアサロン
- 制作内容
- Webサイト制作
- 対応範囲
- 企画・構成・Webデザイン
- 使用ツール
- STUDIO / Figma
- サイトURL
- サイトを見る ↗
Background & Purpose
制作背景・目的
若い女性を中心に、初めて訪れる方にもサロンの雰囲気やサービス内容が分かりやすく伝わるWebサイトを目指して制作しました。
ヘアスタイルの魅力だけでなく、店内の空気感やスタッフの親しみやすさも伝えられるよう、写真を中心とした構成にしています。サービス内容からスタッフ情報まで自然に確認でき、来店を検討している方が安心してサロンを選べる導線を意識しました。
Design Approach
デザインアプローチ
アイボリーやベージュなどの柔らかな色合いを基調に、自然光を感じられる写真を組み合わせることで、Bloom Labらしい明るく親しみやすい世界観を表現しました。
写真を大きく見せながら十分な余白を確保し、美容室らしい清潔感とファッション性を両立しています。情報量を整理し、初めて訪れる方でも直感的に内容を理解できるシンプルな構成を意識しました。
Hair Style
施術・ヘアスタイル
Salon
店内・サロンイメージ
Staff
スタッフ紹介
Design Points
設計ポイント
- 01
写真を活かしたデザイン
ヘアスタイルや店内の写真を大きく配置し、サロンの雰囲気を視覚的に伝えられる構成にしました。
- 02
明るく親しみやすい配色
アイボリーやベージュを基調とした柔らかな配色で、初めての方にも親しみやすい印象を意識しました。
- 03
施術内容への分かりやすい導線
カットやカラーなどの施術イメージを整理し、サービス内容を直感的に確認できる構成にしました。
- 04
スタッフの雰囲気が伝わる構成
スタッフの自然な表情が伝わる写真を使用し、来店前の安心感につながる見せ方を意識しました。
- 05
スマートフォンでの閲覧性
スマートフォンでも写真と文章を読みやすい順番に配置し、画面幅に応じて自然にレイアウトが変化するよう設計しました。