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

Скопировать

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

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

Разработка

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

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

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

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

О клиенте

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

• размещение рекламы в популярных приложениях и каналах, на телевизорах и приставках с функцией SmartTV;

• размещение рекламы на популярных новостных изданиях и тематических площадках;

• размещение рекламы в игровых мобильных приложениях.

Цель

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

My default image

Задачи

1

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

2

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

3

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

4

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

5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

Шаг 5

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

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

Итог

C какими проблемами мы столкнулись в процессе работы

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

Результат

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

Поезд уже прошел более 10 000 км!)

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

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

Оставьте номер телефона, и мы обсудим с вами суть работы

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

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

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

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