◎視点
増えつつあるマガジンサイト。
多くの記事が更新されらら中、いかにpv数を上げるようにデザインのチカラが発揮されているかをチェック。
ジャンル分けなどの構造にも注目。
◎概要
雑誌FIGAROのマガジンサイト。
ファッションだけでなく、ライフスタイルや海外情報なども発信している。
◎ターゲット
10代後半〜20代
◎フォント
大見出し 英字: Poppins 28px/20px(SP) 45px/30px(PC)
小見出し 英字:Playfair Display
本文 ヒラギノ角ゴシック 16px/14px
◎余白
コンテンツ間40px
◎FV
メイン画像と、その下にキャプションを設置。
記事がスライドしていき、メイン画像も変わっていくデザイン。
番号を縦書きにするなどの小さいあしらいが雑誌のおしゃれ感をだしている。
PC版では記事のキャプションを3つ並べにして、一気に見えるようにしている。
◎記事一覧
まとめサイトでよく見る、サムネイル下にそのまま、見出し、概要を置くのではなく、画像に被さっていることで目を引くデザインに。
テンプレでは表現できない!
最新記事/ランキング
の切り替えが見やすくすぐにできるのもいい!
◎各ジャンル
DAILY
青い背景でガラッと変わるので目を引く。
FASHION?
黒がベース。黒枠が高級感をだしてる。
→ジャンルごとにうっすら背景で境目を作っている。余白が均一でスッキリ。
CATEGORY
カテゴリー名が若干画像とかぶることで目立ち、見だしと文字の色の差はないが、どのカテゴリーかがわかりやすい。
◎あしらい
見出しが背景の切れ目のちょうど上にある。
コメントを残す