#1日1サイトレビュー【28】猫部10周年記念サイト

猫グッズで話題のフェリシモさんの特設サイトです～

猫部10周年記念サイト│フェリシモ「猫部」

【概要】

・通販サイト「フェリシモ」さんの猫部特設サイト

【メインビジュアル】

・ローディング中に猫のシルエットがてくてく歩いている

・猫の写真が集まって、猫のシルエットが出来上がるムービー。そのあとに猫のイラストが全体に表示される。

【デザイン・レイアウト】

・背景の切り替え部分が猫のシルエットをかたどっている

・写真・イラスト画像多め。z-indexで幾重にも重ねてそう。

・横幅の余白少な目。縦幅は大きく余白をとり見やすくしている。

【フォント・カラー】

①#ebe3d8
②#d6eefa
③#ffdfe8
④#735b49

Noto sans JP→コメント・ヒストリー部分のテキスト　
メイリオ→見出し・テキスト全体
日付→Montserrat

【全体の動きとか】

・スクロールすると猫がフレーム外からとびでてくる
・ヒストリーの点線ラインにカーソルを合わせると「みる？」のアイコンが表示されて該当のページにリンクできる。
・お祝いコメントは矢印をクリックすると水平スクロールで閲覧できる
・ページ末尾はツイッターとフェイスブックと連携してハッシュタグ付きで投稿できる。カーソルを合わせると猫の写真が飛び出る仕様
・ページトップをクリックすると猫のイラストが画面いっぱいに出てきてスクロールしてくれる
・ロゴをクリックすると猫部のトップページにリンク。

【レスポンシブ】

・全体的にあまりPC版と変わりはない。猫部部長さんのコメントのまわりにいた猫が一部しか表示されなかったり。
・ヒストリーの右横にいた西暦がフッター部分に追従する形になっている。

【サイト画像】