フェリシモ猫部は、通販サイトFELISSIMOの猫好きな方々へ向けた、猫グッズの開発・販売専用サイトです。販売価格の一部は犬猫を救う基金に活用されており、社会活動に貢献しています。
【ヴィジュアル／構成】
ファーストビュー画面はヒーローヘッダーかと思いきや、単に写真1枚がほぼ全面に配置されているだけで、レスポンシブで拡大縮小されるわけでもなく、もったいない。
と思ったが、写真はカレンダーと連動していて、日替わりで写真が変わるのは毎日楽しめて良い。過去の写真も見られるようになっているのも親切だ。
ナビゲーションは、FELISSIMO本体へのリンクがページ上部に配置され、猫部のリンクはページ下部に配置されており、しっかり区別してあってわかりやすい。
猫墓のナビゲーションは、マウスオーバーすると形が変わり、ねこ耳がでてくるのがかわいい。
No.011 フェリシモ猫部のナビゲーションボタンの画像耳なし
No.011 フェリシモ猫部のナビゲーションボタンの画像耳あり
タイトル<h2>部分にいる猫のシルエットが、動き回りとてもかわいくて目を惹くのだが、そればかりに気を取られて、記事を読み飛ばし、一気に1回下までスクロールして動く猫を探してしまうかもしれない。
【サイトを見たきっかけ】
フェリシモのサイトを見ていてたまたま見つけた。
【構造】
H2からはしっかりとした構造ができているのに、h1がないのが不思議だ。
No.011 フェリシモ猫部のHTML 5 Outlinerの結果
【カテゴリ】
ECサイト
通販サイト
【ターゲット】
猫好きな方
猫グッズが好きな方
【配色】
基本は焦茶色と薄いベージュで、パステルカラーでくすんだ黄色・緑・ピンク。
くすんだ黄色・緑・ピンクの帯に白文字が乗っているが、コントラストが低くて読みにくい。
【フォント】
font-weightで太字にしてあり、小さい文字でも読みやすい。
日付や社会活動に貢献している基金の料金は細字で控えめにしてある。
コメント