Примеры сайтов на Тильде: 11 работ с разбором — что сделано и что взять себе

На Тильде можно собрать не только лендинг: в этой подборке — промо-сайты зарубежных компаний, многостраничные сайты сервиса, интернет-магазины, онлайн-школа с личными кабинетами учеников. Две работы отобраны самой Тильдой в галерею лучших проектов Made on Tilda. У каждого примера я разбираю задачу, что сделано и какое решение стоит забрать себе.

Все одиннадцать сайтов — мои: я делал их сам и знаю, почему они устроены именно так. Подборки «красивых сайтов» показывают картинку; здесь — ещё и логика за ней.

Промо-сайты и сайты компаний

AIDispatcher — SaaS для логистики, Made on Tilda

• Задача. Объяснить зарубежным логистам, что делает сервис, ещё до того, как они дочитают текст.
• Что сделано. Позиционирование, брендинг и сайт с нуля. Пошаговая анимация в духе Apple: по скроллу открывается ноутбук с интерфейсом сервиса. Lottie-анимации, мокапы и скриншоты продукта, тексты — с ИИ.
• Что взять себе. Если продукт — интерфейс, покажите интерфейс. Анимация по скроллу работает, когда она объясняет продукт, а не украшает страницу.

Erkinson — логистика в США, Made on Tilda

• Задача. Сайт американской логистической компании, которому доверяют с первого экрана.
• Что сделано. Аккуратная сетка в три колонки, пошаговая анимация, структура и тексты — с ИИ.
• Что взять себе. Строгая сетка — самый дешёвый способ выглядеть дорого. Её не нужно придумывать, достаточно ей не изменять ни в одном блоке.

DTF Shipping — бренд и сайт за пару дней

• Задача. Зарубежной логистической компании нужен был сайт быстро и без готового бренда.
• Что сделано. Брендинг, контент и сайт собраны за пару дней целиком с помощью ИИ.
• Что взять себе. Отсутствие логотипа и текстов больше не повод откладывать запуск на месяц: первую версию можно выпустить за дни и улучшать на живых данных.

Многостраничные сайты

DongFeng Repair — четвёртый сайт одного клиента

• Задача. Отдельный сайт под ремонт одной марки для московского автосервиса — у клиента это уже четвёртый проект со мной.
• Что сделано. Autoscale — сайт одинаково собран на любой ширине экрана — и пошаговая анимация. Продвижение клиент ведёт сам, успешно и давно.
• Что взять себе. Отдельный сайт под марку или услугу точнее попадает в запрос, чем страница внутри общего сайта. Для сервиса с несколькими направлениями это рабочая схема.

Ptaha July — сайт дизайнера интерьера

• Задача. Персональный сайт, где работы продают дизайнера лучше любых слов.
• Что сделано. Типографика и анимации на Zero Block, кейсы с описанием работ и сроками, встроенная 3D-экскурсия по интерьеру.
• Что взять себе. Сроки в кейсе отвечают на вопрос, который клиент стесняется задать. А 3D-тур показывает то, что фотография не передаёт.

Green Art — озеленение и фитодизайн

• Задача. Продать услугу, которую оценивают глазами.
• Что сделано. Упор на фотографии реальных объектов, autoscale. С 2024 года кейсов на сайте становится больше.
• Что взять себе. В визуальных услугах фото своих объектов делают больше, чем любой текст о качестве. Сайт должен легко пополняться — тогда портфолио растёт вместе с компанией.

Цена такого сайта зависит от числа страниц, текстов и интеграций. Посчитать свой вариант можно в калькуляторе стоимости сайта — там же цены на лендинги, магазины и редизайн.

Интернет-магазины на Тильде

Для магазинов в России я подключал эквайринг Сбербанка, Альфа-Банка и Т-Банка, Робокассу, ЮKassa и Prodamus — оплата проходит прямо в корзине Тильды.

Crivelli — ювелирные украшения, чек до 12 млн ₽

• Задача. Магазин официального представителя итальянского ювелирного бренда в России — с изделиями до 12 млн ₽.
• Что сделано. Продающие тексты под премиум-аудиторию, написанные с ИИ, и функция «Намекнуть о подарке».
• Что взять себе. Дорогие вещи часто покупают не себе. «Намекнуть о подарке» превращает того, кто смотрит, в того, кто передаёт ссылку покупателю.

ZOZG Plus — магазин спортивного питания

• Задача. Магазин, который клиент ведёт сам, с товарами из учётной системы.
• Что сделано. Уникальный дизайн, каталог по категориям и по целям покупателя — набор массы, похудение. Интеграция с 1С.
• Что взять себе. Покупатель приходит с задачей, а не с названием товара. Второй вход в каталог — по цели — сокращает путь до корзины.

Clementi — печи и грили из Италии

• Задача. Официальный магазин итальянских печей и грилей.
• Что сделано. Один из моих давних проектов: дизайн до сих пор выглядит свежо, магазин продолжает продавать.
• Что взять себе. Сдержанный дизайн стареет медленнее модного. Если сайт должен работать годами, тренды лучше оставить промо-страницам.

Body Kit — тюнинг-детали с доставкой по миру

• Задача. Продавать детали для BMW, Subaru, Mitsubishi и Toyota из России покупателям по всему миру.
• Что сделано. Магазин с приёмом оплаты от зарубежных покупателей и доставкой по всему миру.
• Что взять себе. Tilda подходит и для экспорта: приём оплаты из-за рубежа подключается штатно, отдельная платформа для продаж за границу не нужна.

Онлайн-школа с личными кабинетами

Доктор Гусев — платные курсы врача-реабилитолога

• Задача. Продавать курсы восстановления после операций и травм и пускать к урокам только оплативших.
• Что сделано. Девять платных курсов, личные кабинеты учеников и закрытый доступ к урокам — всё на Тильде. Оплату начинали с Робокассы, из-за сбоев перевели на Prodamus. Работа продолжается: добавляются новые курсы.
• Что взять себе. Для онлайн-школы до нескольких десятков курсов отдельная LMS не обязательна. А платёжный сервис стоит выбирать с запасным вариантом: переезд на другой — нормальная практика, а не авария.

Как использовать примеры, когда заказываете сайт

1. Соберите 3–5 сайтов, которые нравятся, — свои, конкурентов, из этой подборки.
2. У каждого назовите одну конкретную вещь: «сетка как у Erkinson», «каталог по целям как у ZOZG Plus». «Нравится стиль» подрядчик поймёт по-своему.
3. Отделите форму от функции. Анимация — форма, личный кабинет или 1С — функция. От функций зависят цена и срок, от формы — в основном впечатление.
4. Покажите, что не нравится. Антипример экономит больше правок, чем пример.
5. Отправьте список подрядчику до оценки. С примерами цена и срок точнее, а первая версия ближе к ожиданию.

Вопросы о сайтах на Тильде