• Статью подготовила
    Марина Иванова
    Персональный сайт: mara-craft.com
    Основатель агентства «Горячий ветер». Более 20 лет в веб-разработке. Специализация: сложные корпоративные сайты, каталоги, интернет-магазины. SEO-ориентированная разработка.
Как превратить Telegram-канал с фотографиями, видео и короткими публикациями в полноценный автомобильный каталог? В этом проекте нам предстояло разобраться с разрозненным контентом, разработать многостраничный сайт на Tilda, реализовать удобную фильтрацию, создать индивидуальный дизайн и автоматизировать часть процессов наполнения.
Первый экран главной страницы

От Telegram-канала к собственному сайту

Наши клиенты занимаются поставками автомобилей из Китая, Японии, Южной Кореи и Таиланда в Россию. Одним из основных каналов общения с потенциальными покупателями у них был Telegram. Здесь регулярно публиковались фотографии машин, короткие обзоры, видео с отгрузок, технические характеристики и информация о доставке.

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

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

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

Для разработки выбрали Tilda. Платформа позволяла достаточно быстро реализовать проект без чрезмерных затрат и сохранить возможность самостоятельного управления содержимым.
Первый экран исходного сайта peshehodnik.ru

Использовали архитектуру, уже проверенную на автомобильных проектах

К моменту начала разработки у нас был опыт создания сети сайтов по продаже грузовой техники. Для этих проектов мы разработали многостраничную структуру каталогов, которая хорошо зарекомендовала себя на практике.

Поэтому для «Из Кореи» решили использовать проверенные принципы, адаптировав их к легковым автомобилям.

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

Такой подход позволяет посетителям последовательно изучать ассортимент, выбирать интересующие марки, знакомиться с конкретными предложениями и отправлять заявки.

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

Это создает основу для дальнейшего SEO-продвижения по маркам и моделям, а также позволяет использовать отдельные предложения в контекстной рекламе.

Самая неожиданная сложность — исходные материалы

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

Все дело в том, как публиковались материалы.

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

При этом между публикациями об одной машине размещались сообщения о других автомобилях.

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

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

Иногда для этого нужно было изучить сообщения за несколько недель.

Работа оказалась довольно кропотливой, зато позволила собрать из отдельных публикаций полноценный каталог.
Первый экран исходного сайта peshehodnik.ru

От нескольких строк до содержательной страницы

Еще одна особенность проекта — очень небольшой объем исходной информации.

Обычно Telegram-публикации содержали фотографии, несколько технических характеристик и короткий комментарий.

Для полноценной страницы автомобиля этого явно недостаточно.

Поэтому мы решили расширять контент самостоятельно: готовили описания представленных моделей, дополняли технические характеристики, добавляли информацию об особенностях автомобилей, исторические сведения и интересные факты.

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

Одновременно мы сформировали информационную основу для дальнейшего поискового продвижения сайта.

Автоматизировали наполнение, но сохранили ручной контроль

На первоначальном этапе каталог наполнялся полностью вручную. Материалы сохранялись из Telegram, сортировались, проверялись, дополнялись и размещались на сайте.

Когда процесс стал понятнее, мы начали постепенно автоматизировать повторяющиеся операции.

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

Однако полностью отказаться от ручной обработки мы не стали.

Исходный контент требует внимательной проверки. Где-то необходимо сопоставить фотографии, где-то уточнить характеристики, дополнить описание или скорректировать оформление.

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

Такой подход позволяет ускорять наполнение каталога, сохраняя контроль над качеством информации и внешним видом сайта.
Первый экран исходного сайта peshehodnik.ru

Создали собственную графику для главной страницы и каталога

Хотя за основу мы взяли уже проверенную структуру автомобильных проектов, визуальное оформление для сайта «Из Кореи» разрабатывали индивидуально.

Подготовили изображения для первого экрана главной страницы, информационные баннеры и графику для внутренних разделов.

Особенно интересным получилось решение для страниц отдельных автомобилей.

Вечернее освещение и крупные изображения автомобилей

Обычно первый экран товарной страницы строится довольно предсказуемо: название автомобиля, основная фотография, характеристики и кнопка заявки.

Мы решили сделать его выразительнее.

Для каждой модели отдельно создавалось фоновое изображение автомобиля в вечернем освещении. Такая подача позволяет подчеркнуть силуэт машины, линии кузова, фары и другие детали.

Изображение занимает первый экран, а поверх него размещается крупный заголовок с названием модели.

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

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

Расширили стандартные возможности Tilda с помощью CSS и JavaScript

Для реализации задуманного интерфейса возможностей стандартных блоков оказалось недостаточно.

Поэтому мы активно использовали CSS и JavaScript, модифицируя отдельные элементы Tilda.

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

Это позволило создать более индивидуальный интерфейс, сохранив преимущества платформы и удобство управления контентом.

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

Настроили получение заявок по четырем каналам

Отдельное внимание уделили организации обращений.

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

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

Для приема заявок использовали схему с четырьмя каналами:

  • CRM Tilda. Все обращения сохраняются в административной панели сайта.
  • Google Таблицы. Заявки дополнительно поступают в таблицу, где удобно просматривать историю обращений.
  • Электронная почта. На почту приходят уведомления о новых заявках.
  • Telegram-бот. Позволяет оперативно узнавать о новых обращениях и реагировать на них.

Эту схему мы рекомендуем и другим клиентам. Она сочетает оперативное получение уведомлений с дополнительным хранением истории заявок.

Даже если уведомление оказалось незамеченным, информацию об обращении можно найти в CRM Tilda или Google Таблицах.

Что получилось в результате

Мы разработали многостраничный сайт «Из Кореи» с полноценным каталогом автомобилей, фильтрацией по брендам, индивидуально оформленными карточками и системой приема заявок.

Разрозненные Telegram-публикации превратились в структурированные страницы с фотографиями, характеристиками и дополнительной информацией о моделях.

Для сайта создали собственную графику, модифицировали стандартные блоки Tilda с помощью CSS и JavaScript, а часть процессов наполнения автоматизировали.

При этом сохранили возможность ручного контроля качества и дальнейшего развития проекта.

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

Этот проект хорошо показывает, как на базе Tilda можно создавать многостраничные коммерческие каталоги с индивидуальным дизайном, нестандартным функционалом и автоматизацией контентных процессов.

Посмотреть готовый сайт
Разработка сайтов на Tilda
в «Горячем ветре»
Проектируем структуру, дизайн и интеграции, а после запуска продвигаем сайт в поиске.
●  Проектирование
●  Индивидуальный дизайн
●  SEO‑продвижение
Страница из блоков Tilda и Zero Block