TRASPコラム

参考にしたい美容室ホームページデザインまとめ

サイトまとめ

ホームページのデザインは、見て頂く方に向けて、自社の事業や商品をアピールするだけでなく、

安心感や信頼感を伝える役割があります。

 

今回は美容室のホームページをTRASPが独自に厳選し、参考になるポイントを紹介して行きます。

皆様がホームページをお作りになる際の参考にしてみてください。

 

MILLOR

 

https://www.millor.jp/

 

神奈川県川崎市にある美容室MILLORさんのホームページ。

色みを黒でまとめたスタイリッシュなサイトです。最初のローディング画面で回転しているマークは一見ゼブラ柄のように見えますが、よく見るとMの文字が入ったお店のロゴマークになっていて、ロードの後にくるんと現れるハサミの柄に重なるという面白い動きになっています。

 

LOOK BOOK(※)は分かりやすく4つのカテゴリーに分かれていて、ヘアスタイルだけではなく全身を合わせて撮影されており、ファッション雑誌のようなかっこいい見せ方になっています。

 

ほとんどの美容室のサイトではヘアスタイルに重点をおいて載せていると思いますがその見せ方はとても大切で、ただ後ろ姿だけを撮影したものではなく写真に映る壁や小道具など工夫するだけでも閲覧者への印象はぐっと変わります。

 

※LOOK BOOK・・・商品を紹介するために撮られた、ブランドのカタログのようなもの

 

 

amanda

 

https://amanda-sakai.com/

 

大阪府堺市にある美容室amandaさんののホームページ。

お店の名前の頭文字であるaの文字の形になっているスライダーが印象的なサイトで、ファーストビューとページの最後に大きく予約ボタンが設置してあり、閲覧者ががクリックしやすくなっています。予約サイトのリンクなどは目立つ場所に配置したり、他のボタンとは違う色にすることでお問い合わせにつなぎやすくなります。

 

amandaさんはサイト全体を通して丸みのある文字を使用されていますが、コンセプトの「一生通えるヘアサロン」だけは手書きの文字になっていて他の文章との差をつけ、強く伝えたい思いだということが分かります。

 

 

HAIR SALON Groen

 

https://www.dplus-groen.com/

 

札幌市中央区にある美容室HAIR SALON Groenさんののホームページ。

メインビジュアルの下にあるscrollのハサミのマークをたどってすぐ下にあるGreetingは、お店のカラーである緑をハサミで切り裂いて現れるという大胆なアニメーションになっています。

 

サイトで使用する写真だけではなく、こういったアニメーションやモチーフなどでお店の特色を出すことで遊び心のあるサイトになります。

 

またHAIR SALON GroenさんではTOPのページでお店のカレンダーが大きく掲載されており、定休日・臨時休業日が一目で分かるようにデザインされています。

 

 

ORIGAMI

 

http://origami-hair.jp/

 

長野市にある美容室ORIGAMIさんのホームページ。

店名の「ORIGAMI」に合わせて折り紙をイメージしたデザインになっていて、角を斜めに切った写真もまるで折り紙をしているかのように見えます。ロゴや部分的に使われているハサミや斜めのストライプが可愛らしいサイトです。

 

メインビジュアル以外にも写真が数枚切り替わるスライダーになっていて、こだわりのインテリアとお店の雰囲気が伝わってきます。

 

また、たくさんあるメニューの中で一部だけを抜粋してTOPに掲載されているので、お客様が悩まずにすぐにお問い合わせしやすくなります。

 

 

TRASP制作事例のご紹介

つづいては、実際にTRASPで制作させていただいた美容室のサイトも紹介させていただきます。
TRASPでは日々様々なサイトを見てデザインの考察をし、ホームページや業種ごとのトレンドなどを意識しながら、お客様らしい、エンドユーザー様に伝わりやすいサイトを作り上げています。

これからサイトを作られる方、サイトの改善をしたい方の参考になりますように。

 

オーガニックサロン en

 

 

https://hairsalon-en0601.com/

 

広島県福山市にあるプライベート オーガニックヘアーサロン en様のサイトを制作させていただきました。en様ではマハラニヘナやヘアリセッター、ヘッドスパが人気のメニューのヘアーサロンです。店内の椅子やタオルなどに使われている赤色と合わせて、ボタンなども赤色にして目立つようにデザインしました。

人気のメニュー3つはTOPページで大きくスペースをとって掲載し、閲覧者に興味を持っていただけるようにしています。

 

 

■■ point ■■

  • ・人気のメニューを載せてお問い合わせにつなげる
  • ・お店のイメージカラーを知りブランディングを意識する
  • ・強みはしっかりとアピールして他店舗と差をつけよう

 

 

Locco

 

https://hairsalon-locco.net/

 

岡山県津山の美容室Locco(ロッコ)様のサイトを制作させていただきました。Locco様は白を基調とした清潔感あふれる店内でマンツーマンで施術を行っており、こだわりのお店のお写真をメインビジュアルの一番最初に使わせていただきました。またお店の外観のポイントとなっているドアの水色をポイントカラーとし、白でまとめたサイトデザインになっています。

 

マンツーマンで施術をされているからこそ、安心感を持ってお客様にご来店していただけるようにお店のお写真を多く載せさせていただいて、お店の明るい雰囲気が伝わるようにしております。

 

 

またこちらの美容室では複数のSNSをご利用されていたのでSNSへのリンクを複数設置しております。今ではお店の情報を発信するためにSNSはとても重要なツールとなっており、こまめに情報を更新することでリピーター獲得につなげます。

 

 

■■ point ■■

  • ・お店の外観や店内の写真でお店の雰囲気を伝えよう
  • ・イメージ画像ではなく、実際の写真を使おう
  • ・SNSのリンクを設置し、こまめに情報を更新する

 

 

美容室adore

 

 

https://adore2017.net/

 

名古屋市瑞穂区にある美容室adore様のサイトを制作させていただきました。adore様はハサミと草花えお組み合わせた可愛らしいロゴをお持ちでしたので、ナチュラルな店内のお写真とともにメインビジュアルに使わせていただきました。こちらの美容室ではダメージレスにこだわった施術を提供しており、ダメージレスのポイントや使用されているトリートメントを3つの項目に分けて掲載しております。

 

それぞれのポイントの良いところ、伝えたいことをたくさん持っておられましたが、TOPページでは端的にまとめて文章が長くなりすぎないようにし、閲覧者がページから離脱してしまわないようにしています。

 

 

メニューや取扱商品などはスライダーにしてページが間延びしないようにし、取り扱い商品は大きく表示させて商品がよく見えるようにデザインいたしました。

 

画面右側にはWEB予約のボタンなどが常に表示されるように配置しているので、お問い合わせがしやすいようになっています。

 

 

■■ point ■■

  • ・情報はまとめて見やすくしよう
  • ・施術のポイントを載せて関心につなげよう
  • ・お問い合わせのボタンなどは分かりやすい位置におこう

 

 

2020.05.22

CONTACTweb制作やweb集客のご相談やお見積もりなど

無料サイト
診断受付中

無料サイト診断受付フォーム

    会社名
    ご担当者名※必須
    メールアドレス※必須
    お電話番号※必須
    診断URL※必須
    診断キーワード※必須
    page top
    © TRASP.inc All Rights Reserved.