ROC NATION #1日1サイトレビュー

Home - ROC NATION

【概要】
・事業内容：レジェンドラッパーJAY-Zが設立したUSのヒップホップレーベル、アパレル
・ターゲット予想：ヒップホップが好きな人、所属アーティストのファン

【印象】
・アーティストが豪華なので、華やかでスゴイ感がある
・アーティスト名で検索してみると、このサイトはヒットしないが、アーティスト名 + labelで検索するとヒットする
・余白は少なめで、写真や動画の面積が多いが、最後のニュースレター登録へ誘導するところで、配色が白多めで明るいイメージ

【トップページ構成】※上から順に
・HEADER
・MAIN VISUAL
・ABOUT ROC NATION（ROC NATIONとは）
・THE LATEST（最新情報）
・ANNOUNCEMENTS（お知らせ）
・OUR PHILANTHROPY（私たちの社会貢献活動）
・TALENT SPOTLIGHT（注目？）
・FOLLOW ROC NATION SPORTS（ROC NATION SPORTSをフォローする）
・FOOTER

【ファーストビュー】
・DJ Khaledの新作アルバムの動画が流れ、「ビルボード200アルバムの1位です」という祝福かつアピールが入ったキャッチコピー
・６つの動画や写真がスライドできるようになっているが手動なので、一番最初のDJ Khaledの動画を推しているのが伝わる
・スライドする度にキャッチコピーも変わっている

【キャッチコピー】
・Congratulations DJ Khaled - 'KHALED KHALED' is #1 Billboard Top 200 Album

【コンテンツ】
・ヘッダーロゴ はdiv、FVのキャッチコピーにh1が使われている。
・ナビメニューの一番右のShop Planesからアパレルサイトへ飛べる
・mainタグにclassとidが付与されている（あまり見ない気がする）

・ディベロッパーツールで見るとconsoleに出ている大量の404エラー？が気になる → エラーメッセージ：Failed to load resource: the server responded with a status of 404 ()

【カラー】
・メインカラー（コンテンツコンテナ）：ホワイト（#FFFFFF）
・ベースカラー（背景色）：グレイ寄りのホワイト（#F7F7F7）
・アクセントカラー（ロゴ、ボタン）：赤みのある薄グレイ（#F0EEED）
・フォントカラー：白（#FFFFFF）、黒（#000000）

【フォントファミリー】
・すべて："Roboto Condensed"

【レスポンシブ】
・画面幅720px以下からハンバーガーメニューが表示され、縦2列のコンテンツは1列になる
・PC幅ではFOOTER右側に配置されているSNSアイコンが、SP幅だと中央寄せになっている