garden hair salon HP

サイトのモックアップ画像

クライアント

ガーデン美容室 様

ターゲット

プライベートサロンを探している方
透明感カラーや、上質なトリートメントを求めている方

目的

既存顧客に加え、新規顧客獲得のため
リニューアル後の店舗の認知度を高める

課題

ホームページを持っておらず、美容系の予約サイトへの登録もしていないため
予約までのハードルが上がり新規顧客の流入口が狭くなっている。

デザイン / コーディング

▪︎ レスポンシブ対応済み

住宅街にあるプライベートサロンのため、店舗の雰囲気が伝わりやすい写真を選定。
初めてのお客様やこだわりのあるお客様に向けて、特徴やメニューを明確にしました。
イメージカラーであるベージュとピンクをポイントで使用し、ナチュラルで清潔感のあるデザインを意識しています。
知りたい情報にすぐに辿り着けるよう、トップページは余白を多めにスッキリとまとめ
文章と画像に偏りが出ないよう全体を配置しました。

また、サイト操作の数を必要最低限にすることや、アルファベット表記、imgタグのalt属性を意識しアクセシビリティに配慮したコーディングを行ないました。
サイトに使用した主なカラー

制作範囲

企画 / デザイン / 実装

制作期間

2023.5.19〜2023.6.20

使用ツール

Photoshop / Figma / Visual Studio code

サイトモックアップ
デスクトップ版トップページキャプチャ
スマートフォン版トップページキャプチャ