今回はお店のブランドサイト（シンプルで「温かみ」の感じるサイト）を集め、TOPページのみ模写を行いました。

1. 各サイトの構成

※サイトを検索できる「SANKOU!」というサイトで、「ブランドサイト」＆「家具・暮らし」の項目で条件を絞って4つ挙げ分析しました。

①杉山家具製作所

ファーストビュー
メインビジュアル＋ナビゲーション
→カルーセル（くるくる回る）

ナビゲーション
Homeボタン
会社概要→会社の理念など
製品について
納品事例→成果の紹介
会社情報→資本金など
採用情報
お問い合わせ

サイト構成
メインビジュアル
最新情報（1行）→お知らせ一覧にリンクさせる
会社の理念についてのキャッチコピー→詳細ページにリンク
製品についての説明
納品事例
会社情報（TOPページには住所とTELのみ）
採用情報（帯状）
フッター

②KARIMOKU CAT

ファーストビュー
メインビジュアル＋ナビゲーション
→画像のみ

ナビゲーション
Home
コンセプト（会社の理念というより、販売している商品のコンセプト紹介）
製品紹介→具体的な商品の紹介
ニュース→文字だけではなく、ネコの画像を用いる
STORES→通販サイトへのリンク
ハンバーガーメニュー→通販サイトへのリンクが、自社サイトやamazonなのか詳細のリンクに飛べるようになっている

サイト構成
メインビジュアル
コンセプトの紹介
一押しの商品の紹介
ニュース
フッター

③大成紙器製作所

ファーストビュー
メインビジュアル＋ナビゲーション
→メインビジュアルはカルーセル

BUY NOWとSHARE ONのナビ
→amazonへのリンク、facebookとtwitterへのシェアリンクへ飛ぶ

ナビゲーション
Home
information→最新情報の掲載
Product→販売している商品一覧
Stockist→店舗一覧
Concept→会社の理念
SNSアイコン

サイト構成
メインビジュアル
会社の理念の説明
Products→商品説明
※noteに書いた当時は新商品の掲載のためcoming soon!と表示されていた
他の商品の説明については画像付きで紹介されていた
長方形・正方形のレイアウトで組まれており、マウスオンするとホバーし各商品の詳細ページにリンクする
Information→最新情報
フッター

④Park

ファーストビュー
ナビゲーション＋メインビジュアル
→メインビジュアルはカルーセル

ナビゲーション
Home→珍しいことに、ナビゲーションの中央に配置されています
About →コンセプト・取扱作家の紹介、アクセスと通販サイトへのリンク
Exhibition→定期的に開催している展示会の紹介
Cafe→cafeで提供しているメニューの紹介
News→最新情報
Online Store→自社通販サイトへのリンク

サイト構成
メインビジュアル→カルーセルですが、直近の最新情報のイチオシを掲載
news→最新情報を画像付きで紹介
お店についての紹介
取扱ブランドの紹介
フッターに、採用情報・メディア関係者へのお問い合わせリンクを掲載

＊

2. 4つ比較して分かったこと

　一言で言えば、4者四様のデザインがあるということが分かりました。

　そして4つのサイトの共通点は、レイアウトデザインが流行りのデザインでしたが（ブロークングリッドレイアウト）、1つのセクションが1つの画面に収まるように設計されていました。

　ただ、英語でのナビゲーションはおしゃれな印象を与えますが、ブランドを知らずに訪れたユーザーから見たら、どういう情報を掲載しているのか判断に迷う可能性があります。ナビゲーションの項目を設定する際に注意したい箇所の1つです。