Разработка сайта для сервиса Плацкарт
Разработка лендинга на Tilda
О клиенте
Плацкарт - один из крупнейших сервисов по запуску медиа-рекламы.Сервис размещает рекламу:
• в популярных приложениях и каналах;
• на телевизорах и приставках с функцией SmartTV;
• в популярных новостных изданиях и тематических площадках;
• в игровых мобильных приложениях.
Цель
Клиент хотел сделать редизайн сайта. Он обратился к нам с уже готовым дизайн-макетом, который нужно было перенести на CMS-систему.
Задачи
Разработать новый сайт по дизайну клиента
Перенести сайт на Tilda. Клиент хотел редактировать контент самостоятельно
Обеспечить движение поезда при скролле
Проработать интерактивные 3D-элементы
Сделать плавную анимацию и адаптивы под разные форматы
Процесс работ по разработке сайта на Tilda
Шаг 1
Перед началом работы мы изучили макеты заказчика и обсудили основные фишки, которые будем внедрять в проект. Например, движущийся поезд с pop-up-окнами. Далее собрали структуру сайта на Tilda.
В процессе сборки блоков мы проводили итерационные согласования с клиентом, чтобы понимать дальнейший вектор работ и ожидания заказчика.
Создали 3D-модель «Портала» для главного экрана. Важно было, чтобы 3D-модель следовала за курсором и меняла положение в плоскости. Добавляли её через Zero Block с подвязкой скрипта JS.
Также проработали дополнительный блок с подбором форматов.
Настроили анимацию, используя нативные возможности Tilda. Фокус в том, что поезд остаётся на месте, а при скролле движутся только рельсы и сопутствующий текст. Движение настраивали с помощью пошаговой анимации в Zero Block.
Заключительным шагом стала настройка страниц таким образом, чтобы анимация двигалась максимально плавно и была доступна на любом устройстве.
Хотите улучшить свой сайт?
Итог
Проблемы в процессе работы
Единственной проблемой, с которой мы столкнулись в процессе работы, были ограниченные возможности самой платформы Tilda. Но мы решили эту задачу, добавив скрипт JS в Zero Block.
Результат
В итоге нам удалось полностью воплотить в жизнь задумку клиента, несмотря на ограниченные возможности выбранной CMS. Анимация получилась плавной и полностью захватывающей внимание пользователя. Созданные нами адаптивные версии сайта позволили показывать анимацию на разных форматах экранов и на всех браузерах.
Кстати, поезд прошёл уже более 10 000 километров!
Сайт: plazkart.ru
ул. Длинная 81, Краснодар, Краснодарский край, 350000
Связаться с нами
Оставьте номер телефона, и мы обсудим с вами суть работы
