https://app.zeplin.io/projects
Login: alexpereginets
Password: Camelopardalis17
Материалы есть:
http://dropmefiles.com/fz1kn
Была попытка сверстать здесь: http://babyliss.freelancer.dp.ua/ - получилось ужасно, но для общего понимания можно использовать.
Идеальный пример: https://aghost.store/shop/change
Требования:
1. Главный экран — на фоне зацикленное видео, при загрузке анимация хедлайна, плавное появление.
2. Второй экран (характеристики) — на фоне пять видео, которые меняются при скролле, с ними же появляются и текстовые блоки. тут мы остаемся на одном экране пока не проскроллим пять раз, затем переходим на следующий экран. сториборд есть в цеплине, по шагам.
3. Третий экран с продуктом — тут просто плавно появляются хедлайн и текстовые блоки.
4. Экран с инструкцией — тут то же принцип, как и на втором экране, при скролле смена видео и текстовых блоков в рамках одного экрана. Есть момент начальной позицией хедлайна на первом шаге, уточню в процессе.
5. Последним экраном будет страница с точками продаж.
6. Позиция компонента с видео — тут можно искать решение в зависимости от ваших возможностей. Пока что я разместил фрейм прижатый к низу и левому краю, в некоторых случаях к низу и центрированный (видно на сторибордах). если удастся расположить подобным образом видео и чтобы все было норм на брейкпоинтах, то это ок. Если нет - будем искать альтернативу, может кропнем под какой-то нестандартный формат.
7. Поверх видео хотелось бы наложить цвет в режиме multiply, как в макете. вроде это можно сделать. если нет, то будем пробовать оверлей.
8. С точек 768 будем кропать видео под это разрешение.
9. 320 должно нормально ресайзиться с 768.
Пожалуйста, указывайте сроки и стоимость. По срокам горим, нужен быстрый результат.
