「銀座の美容室 TREE(ツリー) | hair&life d…」のホームページデザイン解説

トップページ最上部には店舗ロゴのほかに多くのユーザーが興味があると想定されるネット予約、翻訳、検索、メニューがピクトグラムを用いて黒の色味を用いはっきりとポップにわかりやすく案内されています。全体としては白を背景に黒の色味を用いることでコン...

トップページを訪れる前に感染症予防対策についての案内ページが表示されます。閉じるボタンを押すことで通常のページを確認することができます。更新日も記入しており鮮度の高い重要な情報であることが理解できます。ページ全体としては白を基調とした清潔感...

ファーストビューの画像は複数枚定期的に切り替わります。画像だけでなくボタンを用意している内容もあります。スムーズに次から次へと切り替わるため見やすいです。また画像内に表示させている新着情報についても同様に定期的にタイトルが切り替わります。そ...

ファーストビュー画像は青の背景にステキな女性が映るおしゃれで洗練された印象を与えます。あわせて更新情報のボタンのみトップに用意しています。最も伝えたいメッセージのみ表示させており意図が明確で分かりやすいです。 グローバルナビゲーションは大き...

ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し　吹き出しで悩みを記載し、それぞれ詳細ページ...

男性専用の店舗として黒と白のモノトーンカラーを基調としたスタイリッシュでカッコいい印象のホームページです。上部には注目させたい3つのカテゴリーをバナーにて表示させています。バナーには関連するお洒落な画像を用いることで理解が進みます。 ニュー...

細身のフォントとシンプルなラインのアイコンで構成された病院ロゴと、病院の様子を伝えるスライドショーで病院の清潔感と信頼感をまず与えています。診療科はイラストアイコンを使って自分のかかりたい科が直感的にわかる構成です。下層ページのタイトルはラ...

サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...

ファーストビュー画像はスタイリッシュな画像が切り替わるデザインです。英語の筆記体とと日本語でコンセプトメッセージを伝えておりおしゃれでわかりやすく端的にまとまっています。その下には丁寧なコンセプト文も掲載しています。濃い青の背景に白文字表記...

スマートフォン画面の場合、電話とライン、メールの3媒体にて予約ができるように予約ボタンを常時バナーとして設定しています。完全予約であることや何時まで営業をしているのか伝えたいメッセージも合わせて表示させています。 ページ内は詳しく丁寧に治療...

ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...

鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...