Десктоп
Меню:
Плавающее. Меняет цвет в зависимости от того, на каком экране находится.
1 экран:
Сделать на весь экран. Блок с карточкой видео меняется при нажатии на стрелочки (но думаю пока оставить только одно видео без стрелочек, так как видео нету), но хотелось бы чтоб они появлялись если видео будет не одно. При наведении на стрелочку, она будет вытягиваться влево или вправо. Кнопка play – при наведении увеличивается кружок вокруг треугольника, навести можно на всю область квадрата. При клике открывается поп-ап с видео.
2 экран:
Фотки, заголовок и текст плавно появляются один за другим в зависимости от прокрутки, приблизительно как здесь –
При нажатии на кнопку Нажать далее, текст разворачивается и будет на всю ширину контентной части. Место нее появляется кнопка Скрыть, при нажатии на нее, текст сворачивается.
3 экран:
Анимация появления фото как в предидущем экране, при нажатии на стрелочки фотки меняются, тоже с легкой анимацией и минимальной задержкой между фото (можно свайп влево с ускорением, а появление как при скролле). При нажатии на фото. Открівается поп-ап, как здесь приблизительно –
4 экран:
Хотелось бы сделать как здесь –
Но тут нужно посоветоваться, насколько это грузит страницу, если все ок, то делаем. Если нет, то можно поставить вот типа такого –
но притемнить.
Ну и должна быть возможность переключать стрелочками видео, если делаем как первый вариант, то фон тоже переключается, а если нет, то будет одно видео фоновое под все.
5 экран:
Тут если в контактах добавляется ссылка, то сделать кликабельной, но такого же цвета, только при наведении подчеркивание.
Мобильная
1 экран: При нажатии на кнопку открывается видео в поп-апе.
2 экран: Все как на десктопе
3 экран: Фото у нас одно на экране, листается стрелочками и свайпом, при нажатии разворачивается.
4 экран: Тут на фоне будет превью видео самого, при нажатии открывается поп-ап, при нажатии на стрелочки и свайпе меняется слайд полностью.
5 экран: Все как в десктопе