Zverev Production

Совместно с нашим дизайнером разработали лендинг для русского фотографа, Евгения Зверева, который живет и работает в США.

Лендинг вышел весьма интересным, и ниже я опишу его основные фишки.

На первом экране помимо статичного контента мы добавили летающий квадрокоптер. Это обычная картинка, анимированная через css.

На третьем экране расположен промо-клип. Фоном решили сделать не статичную картинку, а небольшое видео, а уже при клике открывается окно с полноценным клипом.

Пятый экран занимает панорама комнаты в 360 градусов, которую можно крутить в разные стороны как с десктопа, так и с телефона.

Сложность в том, что js библиотека «Photo Sphere Viewer» при рендеринге панорамы потребляет очень много ресуров, и сайт на небольшое время мог подвисать. Решил проблему отложенной загрузкой самого скрипта, а также отложенным рендерингом. Теперь он запускается после того, как пользователь уже пролистал первые экраны.

На следующем экране выводится галлерея работ до/после цветокоррекции. Можно перетаскивать полосу влево/вправо и смотреть фото до/после обработки.

На седьмом экране над басейнном кружит квадрокоптер с крутящимися лопостями, как пример того, чем ещё пользуется фотограф.

А также слайдеры, анимации, формы обратной связи и всякие другие, менее интересные вещи.