眼鏡類、サングラスの企画・卸売・小売を行う「フォーナインズ」様のNEW COLLECTION 2020 SPRING サイトのフロントエンド実装を担当させていただきました。日英のグローバル対応をしています。
ページ遷移をシームレスに見せるために非同期遷移で実装していますが、SEO, SNS対策で、それぞれ個別htmlを持たせています。
フォーナインズ様で作成した動画をいかにうまく見せるかを試行錯誤しつつ都度モックをプレしながら実装していきました。
動画に関しては遅延ロードさせつつも、それが気にならないように工夫しています。スマフォに関しては、「省電力モード」 だと再生自体が止まってしまうため、背景画像を表示させるなどのフォールバックを用意しています。
スケジュールが無かったこともあり、翻訳データも含めるとテキストが膨大だったため、データはjson化して外部化し、日英共に修正、チェックしやすいようにしています。
こちらのサイトで春の新作をチェックしてから、店頭に商品を観にいっていただけると幸いです。
- 公開日
- カテゴリー
- Websiteクライアントワーク
- テクノロジー
- webpackVue.jsSass
- 制作期間
- 1ヶ月
- クレジット
Client
Agency / Direction
Design
Develop(Frontend)