Дмитрий Гапонов › Nautisss
Сайты руками, боты и парсеры на Python, чертежи в AutoCAD
Рейтинг
5 442
№ 268 в каталоге
Отзывы
Профессионализм
10/10
Коммуникация
10 /10
На сайте с
2025 года
Юридический статус
Самозанятый

Лендинг на Тильде для компании по монтажу отопления - сборка, мобильная версия, метрика

Описание

Задача звучала просто - лендинг на полтора-два экрана, компьютер и телефон, на Тильде. Главное требование лежало не в вёрстке. Заказчик хотел править все блоки сам и попросил показать, как это делается. От этого зависела вся сборка, потому что на штатных блоках правка в два клика, а в Zero Block руками и с риском сдвинуть сетку. Ещё нужна была метрика с проверкой целей.

Дизайна как файла не было, был общий макет и его действующий сайт, откуда он разрешил взять кейсы и фотографии с объектов. Отдельно сказал «нужно всё новое», поэтому завёл отдельный проект и четыре его живых сайта не трогал. Кейсы с объектов, фотографии и тексты забирал с его же сайта, потому что своих материалов он не дал.

Решение

Собрал страницу на штатных блоках, Zero Block оставил ровно там, где иначе не выходит. Таких мест два - первый экран с шапкой, заголовком, двумя карточками-офферами и карточкой инженера поверх фотографии, и узкая плашка с призывом посмотреть объекты. Остальное это полоса преимуществ с иконками, кейсы с попапом-галереей, лента фотографий с объектов, контакты, подвал и два попапа заявки.

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

Тильда подкинула несколько неочевидных вещей. Сессия редактора привязана к адресу, поэтому все запросы идут изнутри самой страницы. Поле картинки обычной записью не пишется, ответ приходит успешный и молча откатывается, нужен отдельный способ загрузки, а вот картинки внутри списка пишутся как все. Карточка кейса не кликается вовсе, пока у элемента списка не стоит нужный признак и на странице нет блока галереи. Число карточек в ряд пятёрку молча не принимает и откатывает на две. Фон окна попапа настройками не красится, только вставкой стиля, причём попап рисуется вне своего блока и обычный селектор до него не достаёт.

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

Результат

Страница собрана и опубликована. Мобильную смотрел живым просмотром в браузере, а не рендером, он раздувает вьюпорт и врёт. Заказчик получил то, ради чего затевал - всё, кроме первого экрана, правится в редакторе Тильды в два клика, на каждый блок дал объяснение текстом. Плашка конструктора убрана, тариф это позволяет. Заказ принят.

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT Синхронизация магазина на OpenCart со складской системой - остатки, цены и артикулы на 800 тысяч карточек
Синхронизация магазина на OpenCart со складской системой - остатки, цены и артикулы на 800 тысяч карточек
11
Веб-разработка и IT Мониторинг сотни чатов в мессенджере - слушатель ловит нужные слова и шлёт уведомление со ссылкой на сообщение
Мониторинг сотни чатов в мессенджере - слушатель ловит нужные слова и шлёт уведомление со ссылкой на сообщение
5
Веб-разработка и IT Сайт жилого комплекса с расчётом инсоляции: показываем, сколько минут солнца попадёт в каждую квартиру
Сайт жилого комплекса с расчётом инсоляции: показываем, сколько минут солнца попадёт в каждую квартиру
8
Веб-разработка и IT Чат-бот для трёх аккаунтов на доске объявлений - собирает заявку в переписке и отдаёт менеджеру карточкой
Чат-бот для трёх аккаунтов на доске объявлений - собирает заявку в переписке и отдаёт менеджеру карточкой
8