【1日1サイトレビュー】#130 VOGUE GIRL

■VOGUE GIRL https://voguegirl.jp/

読み物としても大好きで、よく見ているVOGUE GIRLのサイト。情報が盛り沢山なわりに記事一つ一つはサクッと読める。

・ファーストビューを全面に見せず、ページ上部にトピックスのバナーをランダムで表示しているのが最近のサイトと違って珍しいと感じた。バナーの下から始まるファーストビューにはトピック記事のカバーでこちらもランダムに表示される。クリックすると記事のページへ。

・配色のベースは白、グレーとモノクロで記事の見出しの色に何色もの鮮やかな色を使っているのが特徴。どことなく可愛らしいというよりは深みのある渋い色をチョイスしているところがVOGUEらしいと感じた。

・はじめは1カラムの構成。ファーストビューのエリアが終わるとサイトは2カラムになり左手にナビゲーションメニューがある。メニュー一つ一つの下にカテゴリの階層があって表示される情報がかなり多い気がした。（記事のカテゴリなので仕方ないかも）

・表示されているナビゲーションメニューとは別に左上にハンバーガーメニューも設置してある。表示されているメニューの内容にSNSや検索バー、トピックスなどが追加で表示されている。正直どちらのナビゲーションメニューを使うかの判断が難しいと感じた…

・スマホ版はハンバーガーメニューのみの表示になり一画面で記事をスクロールしていく構成になるので表示もスッキリする。

・記事ページに入るとその場所でページが表示され、閉じると記事だけが画面下に消えていく動きになるので「戻る」の読み込みストレスがない。

フォント： Helvetica、Gilroy

カラー：背景グレー#F5F5F5、文字、背景白#FFFFFF、タイトル紫#9E4558、文字黒#000000、文字黄#F4D122、文字青#047B99、文字青#80A0C0、文字紫#C0A0C0、文字茶他