![見出し画像](https://assets.st-note.com/production/uploads/images/120705163/rectangle_large_type_2_49865ba6ac55bbe2bd43be36e65a6240.png?width=1200)
【GO!PEACE!フェリシモ】1日1サイトレビューVol.6
【概要】
通販カタログで扱っている、ファッションから雑貨、手づくりキットといった商品のオンラインショッピングを楽しめるサイト「フェリシモ」の特設ページ。
自分自身、世の中、世界、地球の問題に少しずつでも向き合い行動するきっかけを作る商品の紹介ページ。
【ファーストインプレッション】
ローディングページのカウントアップがワクワクする。
ローディング後もカラフルなページがワクワク増す。
最初のページの文章が抑揚なく長いせいか、なんのページなのかは分かりにくかった。
【メインビジュアル】
まだら模様のカラフルな背景に、色んな商品の切り抜き画像が使用されている。
(関係ないけどポートフォリオこんな雰囲気にしたい)
【構成】
ページ説明
地球とともに
世界とともに
日本の地域・文化とともに
あなたとともに
ひとりひとりの願いとともに
それぞれクリックすると各タイトルに合った商品紹介ページに飛ぶ。
横にある切り抜きの写真たちが中に掲載されている商品達。
【コンテンツ】
各コンテンツまでスクロールしたときに出てくるイメージ画像の動きが
おもちゃ箱みたいでワクワクする。
スクロール最後まで行くと「GO!PEACE」のモチーフ✌️マークがアニメーションで出てくるのが本当に可愛い
後ろのカラフルな背景がスクロールごとに散らばったり集まったり右往左往するが
最後まとまってピースマークに色付く形で集まる。すごく凝ってる。
【フォント】
A1 Gothic M,
A1 Gothic B,
Arial,
【配色】
メインビジュアルとボディの背景になる模様の色は
緑、青、ピンク、黄色、オレンジ。透明化されているので重なると混ざる。
スクロール進めると、その色が順番に全体にかかる。
【レスポンシブ】
動きやイメージ画像の配置は大きく変わらない
スマホ版の方が商品ページに飛ぶ「GO!」のリンクが大きくなるのが目立っていていいと思った
この記事が気に入ったらサポートをしてみませんか?