見出し画像

【1日1サイトレビュー】#61 LIONS GOOD NEWS 2020

■LIONS GOOD NEWS 2020 https://cannesprlions.com/lionsnews/

カンヌライオンズによるクリエイティブなニュースを取りまとめた情報サイト。こんな取り組みもしていたのは知らなかった…!

・「LIONS GOOD NEWS」のタイトルとロゴが表示されると、写真が何枚も重なり合ったものが横方向に流れていく映像からトップへ切り替わる。ファーストビューが既にコンテンツの選択画面になっている。

・特徴的なフォントfranklin-gothic-compressedの見出しがサイトにインパクトを与えている。スクロールで記事コンテンツを選んでいくと、一文字ずつ順に見出しが出てくる効果付き。

・スクロールの動きはMAISON CACAOのサイトで見たものと同じで画面を動かすのではなく1回のスクロールでコンテンツが切り替わるタイプ。これ海外向けのサイトに多い気がする…?

・2カラムの構成で画面左手に縦方向でナビゲーションが固定されている。ハンバーガーメニュー、タイトル、ロゴで縦方向のスペースを一杯に使っている。

・文字がハッキリした黒なのに対して、記事のページで使用されている背景色は全てスモーキーな色味になっていて柔らかさがある。写真の雰囲気と合っていてお洒落。

このサイトを見て改めて、ナビゲーションは見せずにハンバーガーメニューに収納して画面をできるだけすっきりと見せる形が主流なんだなと思った。

・フォント:aktiv-grotesk、 franklin-gothic-compressed
・カラー:文字・ロゴ黒#000000、背景白#EEEFA1、背景青#BDC7D9、背景黄色#EEEFA1、背景ピンク#F5CECE、背景緑#C9EBCC

いただいたサポートは自己学習のために活用させていただきます!