Верстка лендинга, есть дизайн в Фигма. ПК, Таблет, Мобайл.

HTML-версткаЗавершен16 заявок1760 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Ссылка на дизайн: https://www.figma.com/file/cNLYLsvrITExbasGq0BZeP/Wortex-Poland?node-id=0%3A1

Все блоки по ширине 100%, Высота: 100vh

Все блоки по ширине 100%, Высота: 100vh

Необходимо сверстать лендинг с анимацией на определённых блоках. Во время загрузки сайта нужен прелоадер.

1 экран: 

  • Видео-контент. Видео будет на хостинге, где и сайт. Пока пользователь не нажал на Play, идут отрезки видео без звука (возможно сделать цельное видео, просто как трейлер). Когда же нажимается Play, тогда включается полное видео.
  • Меню слева появляется по эффекту slide in, начиная с первого пункта.
2 экран: 

  • При скролле к этому экрану правые цветовые блоки появляются по эффекту slide in  в слайд справа налево.
  • Изображение в правом нижнем углу должно появляться по эффекту slide in снизу вверх.
  • При наведении на знак вопроса возникает tooltip с текстом.
3 экран:
  • Сообщения быстро появляются по эффекту slide in: те что левее - слева направо, те что правее - справа налево (имитация чата)
4-5 экран:

  • Видео-блоки в окружности появляются по эффекту fade in
  • Заголовки: тот что выше, появляется по эффекту slide in слева направо, то что ниже - тот справа налево. Должна быть возможность развернуть видео на полный экран.
6 экран:

  • При наведении на любой из полигонов (категорий), должна появляться фотография, заполняющая выбранный блок
Выслушаю с удовольствием Ваши предложения по реализации :)
FigmaNode.jsВерстка лендинга
3 года назад
hrwortex
28 летУкраина
4 года в сервисе
Был
8 месяцев назад
Выбранный исполнитель
Alu_html
Илья 
33 годаРоссия
6 лет в сервисе
Был
3 года назад
3 года назад
$65
7 дней
Отличная работа! Все требования и правки выполнялись в срок с учетом, что проект реально сложный. Рекомендую!)
Приятный заказчик, хорошее ТЗ и макет, работать легко и четко, однозначно рекомендую к сотрудничеству с Александром!