Блог
Начать работу
Услуги Кейсы О нас Наши продукты Контакты
Скопируйте номер или нажмите на него, чтобы позвонить нам
+7 (930) 333-36-93

Скопировать

Позвонить
Кейсы Разработка сайтов

Разработка сайта для сервиса Плацкарт

Разработка

Маркетинг
Плацкарт

Разработка сайта для сервиса Плацкарт

Разработка лендинга на Tilda

Связаться с нами

О клиенте

Плацкарт - один из крупнейших сервисов по запуску медиа-рекламы.

Сервис размещает рекламу:
• в популярных приложениях и каналах;
• на телевизорах и приставках с функцией SmartTV;
• в популярных новостных изданиях и тематических площадках;
• в игровых мобильных приложениях.

Цель

Клиент хотел сделать редизайн сайта. Он обратился к нам с уже готовым дизайн-макетом, который нужно было перенести на CMS-систему.

My default image

Задачи

1

Разработать новый сайт по дизайну клиента

2

Перенести сайт на Tilda. Клиент хотел редактировать контент самостоятельно

3

Обеспечить движение поезда при скролле

4

Проработать интерактивные 3D-элементы

5

Сделать плавную анимацию и адаптивы под разные форматы

Процесс работ по разработке сайта на Tilda

Шаг 1

Перед началом работы мы изучили макеты заказчика и обсудили основные фишки, которые будем внедрять в проект. Например, движущийся поезд с pop-up-окнами. Далее собрали структуру сайта на Tilda.

Шаг 2

В процессе сборки блоков мы проводили итерационные согласования с клиентом, чтобы понимать дальнейший вектор работ и ожидания заказчика.

Шаг 3

Создали 3D-модель «Портала» для главного экрана. Важно было, чтобы 3D-модель следовала за курсором и меняла положение в плоскости. Добавляли её через Zero Block с подвязкой скрипта JS.

Также проработали дополнительный блок с подбором форматов.

Шаг 4

Настроили анимацию, используя нативные возможности Tilda. Фокус в том, что поезд остаётся на месте, а при скролле движутся только рельсы и сопутствующий текст. Движение настраивали с помощью пошаговой анимации в Zero Block.

Шаг 5

Заключительным шагом стала настройка страниц таким образом, чтобы анимация двигалась максимально плавно и была доступна на любом устройстве.

Добавили отдельную страницу с примерами механик
icon
Хотите улучшить свой сайт?
Напишите нам и получите бесплатный аудит
Мобильная версия

Итог

Проблемы в процессе работы

Единственной проблемой, с которой мы столкнулись в процессе работы, были ограниченные возможности самой платформы Tilda. Но мы решили эту задачу, добавив скрипт JS в Zero Block.

Результат

В итоге нам удалось полностью воплотить в жизнь задумку клиента, несмотря на ограниченные возможности выбранной CMS. Анимация получилась плавной и полностью захватывающей внимание пользователя. Созданные нами адаптивные версии сайта позволили показывать анимацию на разных форматах экранов и на всех браузерах.

Кстати, поезд прошёл уже более 10 000 километров!

Сайт: plazkart.ru

ул. Длинная 81, Краснодар, Краснодарский край, 350000
Как добраться?

Связаться с нами

Оставьте свой контакт и наш менеджер поможет с выбором лучшего решения для вашего бизнеса

ул. Длинная 81, Краснодар, Краснодарский край, 350000

Скопировано!

Спасибо за заявку, мы свяжемся с вами в ближайшее время!

Произошла ошибка, попробуйте еще раз