💍ショーメ💎のWebサイト分析💻（ジュエリー）No.007

Webサイトの特徴

ショーメは、1780年にパリで創業した、世界最古のハイジュエリーブランドです。

王室やセレブリティから愛されてきた、歴史と伝統を重んじる高級宝飾ブランドです。

そのジュエリーは、美しさと歴史を兼ね備えており、世界中の女性から憧れの的となっています。

ショーメの公式サイトでは、ブランドの歴史や伝統をわかりやすく伝えており、ブランドのストーリーを深く知ることができます。

ショーメの公式サイトは、高品質な商品を幅広いラインナップで展開しています。

ネックレス・イヤリング・ブレスレット・リング・時計など、様々な商品を取り揃えています。

また、メンズ向けの商品も展開しています。

ショーメの公式サイトは、サイト全体のレイアウトが非常にシンプルで、初めて訪れた方でも迷わずに商品を探すことができます。

また、商品の画像は非常に高品質で商品の魅力を十分に伝えています。

Webサイト分析

💻PC画面

1. FV（ファーストビュー）

Headerエリア

1段目：

インフォメーション【中央揃え】

2段目：

【左寄せ】

ハンバーガーメニュー
検索
店舗検索

【中央揃え】

ロゴ

【右揃え】

アドバイスとサービス
アカウント
欲しいものリスト

キービジュアル：

画像【幅100%、高さ(636.6484375px)】

div：

365.0546875px×15px

h1：

365.0546875px×45px

button：

116px×53px

2. スライド

コレクションを見る
トップページのコレクションを見るセクションのスライド形式は下記のとおりです。

スライド形式：手動

矢印：表示

dots：デフォルトのdotではなくBar形式

画像：8枚

矢印クリックで、最後の1枚を残して新たな3枚の画像を表示

ループ：なし

▼矢印ボタン（次へ進む）をクリックした後の表示結果

3. ナビゲーション

1階層目：横幅480px

2階層目：横幅480px

3階層目：横幅480px

クリックしなくても、マウスホバーで2階層目3階層目のメニューが表示される仕様
第1階層右隣に第2階層、第2階層の右隣に第3階層目が表示。
3階層分のメニューが横幅100%で等倍表示。

4. メガドロップダウンメニュー

1階層目のメニューの構造

テキスト縦並び

2階層目のメニューの構造

テキスト縦並び

3階層目のメニューの構造

写真1枚表示

📱SP画面

1. FV（ファーストビュー）

PCの画像は横長に対し、SPのキービジュアルの画像は縦長配置。

2. スライド

矢印と2枚目の画像の一部を表示させることにより、スライド可能である事をユーザーに示している。

3. ナビゲーション

ナビゲーションの横幅は100%表示。

4. メガドロップダウンメニュー

2階層目のメニューの構造

テキスト縦並び

3階層目

そのまま商品ページへ遷移

Webサイトの要件定義の推察

ショーメの歴史やブランド哲学についての情報
ショーメのジュエリーコレクションの情報
ショーメの直営店や取扱店の情報
ショーメのオンラインストア
ショーメのカスタマーサポート

Webサイトのターゲット層の推察

ショーメのメインターゲット層は、20代から50代の女性です。

ショーメは、240年以上の歴史を持つ老舗のジュエリーブランドであり、王室御用達としても知られています。

そのため、高級感や上品さを求める女性に人気があります。

また、ショーメのジュエリーはデザインがとても美しく、女性らしいため20代から50代の女性に幅広く愛されています。

ショーメのターゲット層を具体的に挙げると、以下の通りです。

20代：社会人になり、自分のお金でジュエリーを買うことができるようになった女性。
30代：結婚して、自分だけのジュエリーを身につけたいと思っている女性。
40代：キャリアアップして、自分へのご褒美としてジュエリーを買う女性。
50代：人生経験を積んで、より上質なジュエリーを身につけたいと思っている女性。
プロポーズにふさわしいジュエリーを探している男性
結婚式にふさわしいジュエリーを探している花嫁

ショーメは、これらのターゲット層に応えるような、高級感と上品さを兼ね備えたジュエリーを展開しています。

Webサイトのデザイン

1. 配色

#ffffff: ホワイト
ヘッダーの背景色や商品画像の背景、ボタン、フッターのテキスト、第一階層のナビの背景色として使用されています。白色はクリーンで清潔感があり、シンプルでモダンな印象を与えます。
#f7f7f7: この色は明るいグレーに近いホワイト
本文の背景色や第2階層のナビの背景色として使用されています。
この色はコンテンツの読みやすさを高め、視覚的な優しさをもたらします。
#0c1b54: ネイビー
ロゴ・本文テキスト・ナビテキスト・フッターの背景色、およびキービジュアルの画像に使用されています。
ネイビーは高級感や神秘性を表現し、ショーンのブランドの魅力を引き出します。
#d2ba9d: 淡いブラウンに近いゴールド
金額やホバー時のテキストとして使用されています。
この色は豪華さや品位を表現し、商品の価値を強調します。
#a27f56:濃いブラウンに近いゴールド
フッターのアイコンやテキストとして使用されています。
この色は温かみを持ち、ショーメのブランドイメージに合った高級感を演出します。
#e9eaef: 淡い灰色に近いブルー
宝石の種類などの表記に使用されています。
この色は穏やかな印象を与え、宝石の美しさと品質を引き立てます。

以上の色彩計画によって、ショーメの公式サイトはシンプルで洗練された印象を与えつつ、高級感・豪華さ・品位・そして宝石の美しさを表現しています。
また、ホワイトや明るいグレーの背景はコンテンツの読みやすさを向上させ、カラースキーム全体は調和を保ちつつ、ユーザーに視覚的に魅力的な体験を提供しています。

2. Font Family

Helvetica Neue LT Std
Libra Baskerville

Helvetica Neue LT Stdは、1957年にマックス・ミディングウェイによってデザインされたサンセリフ体のフォントです。

シンプルでモダンな印象を与えるフォントで、多くの企業やブランドで使用されています。
ショーメのモダンで洗練されたイメージを表現するのに適していると言えます。

Libra Baskervilleは、2010年にジェームズ・ギルによってデザインされたセリフ付きのゴシック体のフォントです。
クラシックでエレガントな印象を与えるフォントで、高級感のある商品やサービスによく使用されています。
Libra Baskervilleは、ショーメの高級感やエレガントなイメージを表現するのに適していると言えます。