hair salonBleuveraWeb DesignCoding hair salonBleuveraWeb DesignCoding hair salonBleuveraWeb DesignCoding hair salonBleuveraWeb DesignCoding
Bleuvera モックアップ

Web Design

Bleuvera(架空企業)

Bleuvera ホームページモックアップ

制作期間

約1週間

使用ツール

Figma
Illustrator / Photoshop
HTML / CSS / JavaScript

種類

店舗サイト(ヘアサロン)

ターゲット

落ち着いた雰囲気の美容室を探している20代〜40代の女性
技術だけでなく、居心地のよさやサロンの世界観も大切にしたい方

制作範囲

デザイン/コーディング/レスポンシブ対応

目的

予約・問い合わせ促進。
初めて訪れる方にもサロンの雰囲気が伝わり、安心して予約できる導線をつくる。

コンセプト

「自分をいつくしむ、幸せな時間」をテーマに、日々の忙しさから少し離れて過ごせるヘアサロンの世界観を表現しました。
やわらかな余白と淡い色合いをベースに、店内写真の温かさが引き立つよう落ち着いたトーンでまとめています。

設計意図

ファーストビューで店舗の外観と空気感を伝え、初回来店前の不安をやわらげる構成を意識。
PC版はサイドメニューバーを固定にして、すぐにトップページや見たいセクションに移動できるように設計。
営業情報・アクセス・メニューを見つけやすく整理し、スマートフォンからでも予約や来店検討がしやすいサイト設計を意識しています。

Color Palette

#f4ebe2
#706a65