Приветствую всех!
1. Необходимо сверстать лендинг на 4 экрана с требованиями: Pixel perfect, Retina Ready, Responsive
2. Шаблон должен быть адаптивным и корректно отображаться на всех устройствах. Мобильная версия шаблона в приложении.
3. Шаблон должен быть оптимизирован, иметь высокую скорость загрузки и высокий рейтинг от Google PageSpeed.
4. Все графические элементы должны быть векторными (кроме изображений). Все векторные элементы представлены в макете как смарт-объекты, с легкостью открываются в иллюстраторе для экспорта в svg.
5. Все кнопки ведут по ссылкам, без попап окон. Ссылку для кнопки и ссылки для линков в футере предоставлю в процессе.
6. На лендинге используется 1 единственный шрифт "Gotham Pro". Шрифт будет предоставлен в архиве с макетом.
7. На сайте используются иконки из пакета Material Design. Шрифтовых иконок на сайте мало, поэтому иконки необходимо преобразовать в svg спрайты, чтобы не нагружать лендинг лишним весом. Пакет иконок Material Design прилагается в архиве.
8. Все эффекты наведения на сайте должны быть плавными, благодаря transition. Кнопки и ховер на них реализовать с этого примера https://codepen.io/lukemeyrick/pen/wJRozV
9. Навигация сайта (меню) - отсутствует.
10. Видео - проигрывается с ютюб в существующем окне или во всплывающем, если это позволит сэкономить ресурсы для быстрой загрузки страницы.
Анимации на сайте - важны и нужны!
1. При скролле вниз ракета "улетает" в направлении в котором она смотрит. Волны движутся с ней, "расползаются" по диагонали вверх с разной скоростью, заполняя экран космосом. Контент смещается вверх, на месте первого экрана появляется второй.
2. В космическом пространстве иногда падают звёзды. Можно рандомно, с разной скоростью, и разное количество. Но, это не должно быть "спамом". Иногда, не навязчиво.
3. В космическом пространстве иногда мерцают звёзды. Тоже не часто, не навязчиво.
4. Космос при скроллинге двигается с параллаксом.
5. Монета биткойна, планеты и искусственный спутник реагируют на движение мыши (смещаются), с разной скоростью, на разные расстояния.
6. С телефоном так же хотелось бы эффект движения в пространстве, Возможно реакция на мышь или, если удастся добиться 3Д эффекта - легкий поворот. Если нет - приветствуются идеи.
7. Ракета на последнем экране - по возможности, нужно сделать её плавное перемещение в пространстве, определить траекторию.
8. При возможности сделать анимацию волн в скролле на других экранах. Это не обязательно, но если получится реализоваться, то будет прекрасным дополнением к лендингу.
9. Проявление контента при скролле вниз и скрытие при обратном скролле вверх.
Приветствуются идеи по анимации со стороны разработчика. Готов обсуждать.
