見出し画像

サロン・ド・ノーブル #1日1サイトレビュー

【概要】
・ハーブ療養に特化したエステサロンのホームページ
【印象】
・上品でシンプルかつナチュラルな印象
・ハーブ療養に特化していると伝わる強みを生かしたサイト
【メインビジュアル】
・Bring out Beautyという文字がボタニカル柄になっている
・半分に分かれていて左がテキスト、右が写真
・上部にロゴとグローバルナビがあり、電話番号とコンタクト、英語ページへのリンクは目立つように配置
・フワッとグローバルナビが降りてくるアニメーション
・フルスクリーンのイメージでスクロールを促すアニメーションがあり
【コンテンツ】
・コンセプト部分の横にはハーブが浮かんだ写真があり、ビジュアルでも特徴が伝わるようになっている
・view more の部分はホバーでほんのり色付く
・コースはそれぞれ横長の写真で大きく配置している
・情報が集中していて読みやすい
・y軸方向にずれた四角が写真に重なっており、ホバーすると四角形の色のマスクがかかる
【カラー】
・ハーブをイメージさせるグリーンベース
・中間色もグリーンがかったベージュのよう
【フォント】
・欧文フォントはGeorgia ・和文は見出しに游明朝・本文に游ゴシック
【レスポンシブ】
・SPの場合は左右に分かれていたものが前後(z方向)に分かれている
・SPのメインビジュアルはかなりコンパクト
・ハーブ免疫療法とはというボタンが目立つ
・横長だったコースはカード形式に
・ブログはスライダーで1カラム表示

画像1


デザインの勉強をするために活用させていただきます。