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

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

Ссылка на дизайн: 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 экран:

  • При наведении на любой из полигонов (категорий), должна появляться фотография, заполняющая выбранный блок
Выслушаю с удовольствием Ваши предложения по реализации :)
HTMLFigmaNode.jsВерстка лендинга
3 года назад
hrwortex
28 летУкраина
4 года в сервисе
Был
7 месяцев назад
Выбранный исполнитель
rozhnovaYana
26 летУкраина
4 года в сервисе
Была
2 года назад
3 года назад
$65
3 дня
Отличная работа! Яна буквально спасла проект, переверестав наш корпоративный сайт. Максимально быстро и качественно!
Лучший заказчик, который может быть. Поставил четкое ТЗ, с пониманием относился в процессе выполнение работы, всегда был на связи, оплатил работу сразу, очень спокойный и добрый. Всем рекомендую.
  • Похожие заказы

  • Восстановить сайт из вебархива

    $7

    Нужно вытащить сайт из вебархива. Статичный html/css, без движка. Ссылка на снимок: https://web.archive.org/web/20180421023916/https://reaktivkazan.ru/ Оплата только через яндекс деньги.

    HTMLCSS
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Доработать существующий сайт для удобного изменения внешнего вида

    Для [b]быстрого и нетрудозатратного[/b] изменения внешнего вида сайта необходимо доработать существующую версию веб-приложения. В проекте используется: [list][*]PHP[*]HTML[*]CSS, Bootstrap[/list] Необходимо [b]доработать существующий проект[/b] для [b][b]быстрого и нетрудозатратного[/b][/b] внешнего вида сайта (на текущий момент backend и fronted чати "перемешаны", что ...

    PHPHTMLCSSBootstrap
    HTML-верстка5 заявок
    Закрыт
    3 года назад

  • Верстка сайта

    Нужно сверстать сайт по готовому макету. Плюс к этому нужно собрать дополнительно из имеющихся элементов, страницу менеджеров (всех собрать на одной странице), страницу новости (Немного переделать карточку категории и сделать карточкой новости + внутреннюю страницу ...

    Верстка сайтаNode.js
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Прототипирование сайта из 7 страниц

    [list=1][*]Создать прототип простенькой веб-браузерной игры (формы, кнопки), используя https://balsamiq.com [*]Цену и срок пишите вы[*]Приступаете немедленно[*]Предоплата (полная или частичная) возможна если у вас отзывов больше, чем у меня[*]Оплата либо напрямую либо через сайт - по выбору[/list] Дальнейшая информация только ...

    Браузерная игра
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Настроить css стили для отображения

    Есть карточка товара, необходимо применить стили, чтобы она стала как на изображении в приложении. Необходимо по возможности задействовать стили от Gantry на котором работает, либо с минимальным изменениями, либо новые стили. Для главного изображения необходимо ...

    CSSКарточки товаров
    HTML-верстка6 заявок
    Закрыт
    3 года назад

  • Адаптивная вёрстка html страницы с grids

    Вёрстка 1 страницы html для desktop, tablet, mobile с использованием grids, есть шаблон как эта страница должна выглядеть на разных экранах  В заявке укажите свою оценку стоимости и время исполнения заказа

    HTML
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Необходимо добавить два поля в wordpress

    Задача следующая: Страничка "вопрос-ответ" заполняется из админка и выглядит вот таким образом https://ploscostopie.ru/olga/ Стили прописываются напрямую в страничке кодом. Необходимо упростить этот процесс для следующих подобных страниц не прописывая каждый раз код в страничке, а сделать шаблон или ...

    WordPress
    HTML-верстка1 исполнитель
    Завершен
    3 года назад

  • Верстка 7 простых страниц

    Привет! Нужно адаптивно сверстать 7 простых страниц по готовому макету. Предоставлю в PSD, а также SVG, JPG, PNG из этих макетов в папках для работы. Требования - чистый код, зеленая зона загрузки гугл, отсутствие ошибок в валидаторе W3C, ...

    HTML-верстка69 заявок
    Закрыт
    3 года назад