美容サロンのTOPページデザイン

Type : Website
Client : Lancersコンペ
サロンのモックアップ

概要

lancersのコンペにて制作した、美容サロンのtopページデザインです。
著作権の都合により、社名と人物名は変更しています。

課題と目的

新規集客とブランディング

ターゲット

30~40歳の美容にお金をかけている女性と男性。主に女性

サイトコンセプト

品があり見やすく女性によりすぎないデザイン

デザイン

ターゲットが30〜40代で男性の方も来るので、落ち着いた配色にして、装飾も少なくシンプルで大人っぽいデザインをイメージしました。
少し品のあるイメージを取り入れたいとの要望があったのでアクセントカラーを金色にしました。
「STAFF」「STYLE」の見出しは文字だけだとシンプルすぎたので「CONCEPT」の背景の光を装飾に使用しました。また見出しにドロップシャドウをかけることで見やすくしています。

工夫した点

メインビジュアルの予約のボタンは右下に固定されるイメージなのでドロップシャドウをかけて、「STAFF」「STYLE」「MENU」の背景色と被らないようにしました。
メニューの量が多かったので「トリートメント」「ヘッドスパ」「カラー」など項目別に分けて表示するようにし、見やすくしました。
見出しは明朝体で大人っぽさを出し、文章はゴシック体にして読みやすくしています。

制作範囲

デザイン

制作期間

4日

使用ツール

Figma / Photoshop

美容サロントップページ 見本