見出し画像

HARUサイト分析

こんにちは、HARUです。めちゃめちゃ目がしょぼしょぼします。寒くて乾燥してるせいか唇もカピカピです。

今日はマーベルスタジオグッズサイトを分析しました。

スクリーンショット 2021-11-18 午後8.22.49

各マーベルヒーローのグッズごとに印象付け

各ヒーローごとに色付けで印象付けがしっかりとしていて商品一つ一つにブランド感がある。一つのグッズ、ではなく各ヒーローのブランドグッズのような見せ方をして同じマーベルのグッズだが、それぞれがお互いを殺さず目立っている。見ていて飽きないし、それぞれのグッズが独立しているので違う印象があり、ページが変わるごとに新鮮に他のヒーローのグッズを拝見できる。配色も各ヒーローのメイン色でグッズごとに色分けされていてグッズとヒーローの印象ズレもない。

画像2

画像3

画像4

アメコミ風デザイン

マーベルのグッズサイトなのでアメコミ感出し、見出しの目立たせるテキストには吹き出しのようなデザインに加えてグッズサイトなのでどう使用するかの用途も人物写真でわかりやすくしている。

FONTは英語表記がPoppins sans、日本語はYu Gothicを使用。見出しが吹き出しになってないテキストは雰囲気を壊さないように斜めにし、boderを付け多少目立たせ読ませるようにしている。デザイン色が強いため変なアニメーションは挿入せず、しつこくしていない。

スクリーンショット 2021-11-18 午後9.22.14

マーベルなのでちゃっかり映画の画像を載せながらグッズをアピール

気になったサイト


この記事が気に入ったらサポートをしてみませんか?