
KATE LIPMONSTER /#1日1サイトレビュー
【概要】
KATEの商品紹介(LIPMONSTERをピックアップ)
【印象】
・黒と赤のカラーリングでKATEらしい
・かっこいいサイト
【メインビジュアル】
・トップメニューとは別に商品別のメニューも設けている。
・見たいアイテムの画面にすぐ飛べる。
・「NOMORERULES」の文字も赤いけどシャドウ?がかかっていてちゃんと文字がわかる。
・別タブで表示されるメニューにはマークがついている。
【コンテンツ】
・メインの部分は真ん中に集められている。両端は余白。揃っていて綺麗に見える。
・マスクのアイコンや図を取り入れてて、文章が多い割に見やすい。
・モデル使用アイテムをメインビジュアルに入れないで、一番最後に改めて画像と一緒に紹介。
・購入案内は2箇所あるけど、くどく無い。
・カラーの紹介はアニメーションを使って、コンパクトにしてる。
【文字】
LinotypeUnivers330-BasicLight、FP-HiraMinProN-W3、sans-serif
【カラー】
#000000、#AC0809、#FFFFFF、#E7201C、#222222、#F5F5F5
KATEの赤と購入案内の赤は微妙に違った。
【レスポンシブ】
・トップメニューはハンバーガータイプに。アイテムメニューはそのまま。
・LIPMONSTERの紹介の部分は並び順が違う。
【まとめ】
メインビジュアルの迫力と商品への辿り着きやすさが参考になった。
背景は白にしがちなことが多いけど、商品のイメージとかによれば黒もいい。
動画の入れる場所は大体メインビジュアルの次が多い気がするのは、その場所が一番再生されやすいのかな?
