Mary's Valentine Collection 2018

メリーチョコレート公式サイト、2018年バレンタイン商品の紹介ページです。
" 万人万色" のバレンタインをテーマ展開された12ブランド分すべての商品詳細ページを制作しました。パララックスでスクロールさせ、各ブランドの世界観も一つ一つ全く異なるため最後まで飽きる事なく見られる設計です。一覧ページではブランドすべてでパララックスアニメーションを実装し、ページ読み込みに時間がかからないようにファイルを極力軽くする技術を導入しています。
また、ページ内のどこにいるかを示すインジケータを画面左側に、他ブランドへのアンカーリンクメニューを右側にスクロール追従させることで、サイト内の見やすさを考慮しました。