せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.47 WELCOME MARVEL フェリシモ

■概要

衣類・雑貨を販売しているショッピングサイトフェリシモのマーベル特集サイト。

 

 

■ターゲット

・20代男女
・ポップなファッションを好きな人、おしゃれ好きな人

 

■視点

ビビットなカラーを使ってマーベルのレトロ感を出しつつ、若者向けのポップカルチャーの雰囲気を表現しているサイト。自身では表現しないような大胆な色使いを学びたくレビューする。

 

 

■FV

マーベルのイメージカラーである赤背景に、大きく写真を配置。ページ内のジャンプ率にメリハリをつけることで、FVを見た時にダイナミックさを感じやすく、縦文字と横文字を使うことでポップな印象を受ける。

右上には紹介商品のラインナップが並べられているがリンク設定がされていない。商品名で探すことより、視覚的に探す方が多いためか?

ヒーローイメージ内の文字数が多めだが、見てもらいたいフレーズは背景色を入れ目立たせている。

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

 

 

■特徴

各セクション毎に色を分けており、タイトルを大きくすることで商品の切り替わりがはっきりして、商品ごとのアピールポイントも分かりやすい。

説明文は極力文字サイズを小さくし、写真を大きく配置することで商品イメージを分かりやすく伝えられるようにしている。テキストを読んでもらうというよりも、写真を見て自身が使用している場面をイメージしてもらう。

テキストが多い箇所は、枠線を使い背景色を入れることで各ブロックのかたまりを分かりやすく分けている。

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

 

 

ビビットな色を使うことで、マーベルのヒーローや商品のイメージが強く印象に残る。

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

 

■フォント

Yu Gothic Medium

 

 

■配色

各セクション毎にほぼ原色に近い色を使用。

/#ff6261、#0049ff、#01ba2a、#0fa2ff、#9555ff、#f4f41d、#dbe2ec、#fd8816、#fa278f、#0f7aff

・テキスト:#000

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

 

 

 

 

 

 

Webサイト:No.47 WELCOME MARVEL フェリシモ

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

せろりのセオリー/ Webサイト100選 No.47  WELCOME MARVEL フェリシモ

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén