Проект был создан для нового суши-ресторана, который совмещает формат классического заведения и доставки. Команда клиента запускала ресторан «с нуля» и нуждалась в современном, запоминающемся сайте, отражающем стиль бренда.
У ресторана необычное, «говорящее» название, которое вызывает улыбку и моментально запоминается. Сам бренд построен на легкой провокации и ярком визуальном стиле. Все — от логотипа до упаковки — подчинено единому брендбуку, и сайт должен был поддерживать это позиционирование.
Главная особенность проекта заключалась не только в визуале, но и в технической части. Наша команда прописала ряд алгоритмов вручную — функций, которых нет в Tilda «из коробки». Это позволило реализовать привычные для пользователя сценарии заказа, характерные для сайтов ресторанов, созданных на других платформах.
Почему выбрали Tilda
Основной причиной выбора Tilda стали ограничения по бюджету клиента. Разработка на этой платформе оказалась наиболее доступным вариантом среди всех аналогов. Для малого бизнеса или стартапа это часто решающий фактор — запустить сайт быстро и недорого, чтобы протестировать концепцию и запустить доставку одновременно с открытием физического ресторана.
Tilda также позволяла собрать MVP (минимально жизнеспособный продукт) за короткое время. Это стало важным аргументом в пользу выбора: клиенту нужно было, чтобы сайт заработал к открытию ресторана, а доработки можно было внести позже.
Главное преимущество платформы — бюджетный вариант и скорость реализации.
Зачем нужен был нестандартный сайт
Хотя Tilda — это конструктор, где многое делается стандартными блоками, задача заключалась в создании нестандартного сайта.
Особенность проекта — в кастомных алгоритмах, написанных вручную. Они позволили реализовать функционал, который пользователи привыкли видеть на сайтах ресторанов, созданных на специализированных CMS или через индивидуальную разработку.
Выход за рамки стандартных решений был необходим, чтобы улучшить пользовательский опыт. Клиент хотел, чтобы сайт выглядел и работал так же удобно, как у конкурентов, но при этом оставался в рамках бюджета Tilda. Мы искали нестандартные решения и творчески адаптировали платформу под новые задачи.
Что это дало на практике:
- Умная корзина со скидками. Например, пользователь может отметить чекбокс «У меня день рождения» и система автоматически пересчитает заказ со 10% скидкой.
- Система мотивации к покупке. Если в корзине меньше 800 ₽, появляется сообщение: «Доставка платная, стоимость сообщит оператор». Это побуждает добавить еще товаров для бесплатной доставки. Для заказов до 800 ₽ мы также отключили онлайн-оплату, чтобы упростить процесс и избежать путаницы.
- Гибкое управление режимом работы. Реализовали функционал отключения корзины в ночное время, при этом время включения варьировалось в зависимости от дня недели: в будние дни и выходные корзина активировалась в разное время.
- Динамическое окно выбора времени доставки. Время для доставки менялось каждые полчаса. Например, в 12:29 можно было заказать доставку в интервале 12:30-13:00, а уже в 12:31 — только на 13:00-13:30.
- Запоминание сценария заказа. Сайт запоминал выбор кнопок на главной странице («самовывоз» или «доставка»). В корзине автоматически активировался ранее выбранный режим, включая соответствующие оповещения для доставки.
- Автоматическая обеденная скидка. Она активировалась промокодом, скрытым от пользователей, но только при выборе времени доставки или самовывоза с 12:00 до 16:00. Если в 10 утра выбирали интервал 11:00-12:00, скидки не было, но если выбирали обеденный интервал заранее, утром, скидка применялась.
Таким образом, мы адаптировали платформу, создав уникальный и удобный инструмент для бизнеса.
Основные цели и требования
Первоначальная задача звучала четко: сделать сайт для ресторана доставки еды в короткие сроки и строго в соответствии с брендбуком.
Ключевым требованием клиента было открытие сайта к дате запуска физической точки. Сроки были крайне сжатые, поэтому решили запустить MVP — минимальную версию сайта, которую можно дорабатывать и расширять позже.
Ограничения были по всем параметрам: и по времени, и по бюджету, и по функционалу. Это сподвигло команду искать баланс между скоростью, качеством и техническими возможностями Tilda.
Техническая реализация
Максимально использовались стандартные возможности платформы, но без кастомного кода не обошлось. Основные доработки выполнялись на CSS и JavaScript — именно с их помощью мы реализовали нестандартные алгоритмы и функциональные элементы.
Из-за реализации кастомных кнопок выбора типа заказа («самовывоз/доставка») на главном экране мы создали самописные шапку сайта и табы переключения между категориями (например, «Пицца», «Суши» и так далее).
Также была выполнена интеграция с внешними сервисами:
- подключена онлайн-оплата для доставки;
- внедрена карта с 2ГИС, чтобы пользователи могли легко найти ресторан и оформить заказ.
Эти решения сделали сайт более удобным и функциональным, несмотря на ограничения конструктора.
Сложности и решения
Во время работы команда столкнулась с рядом ограничений Tilda. Самописные алгоритмы конфликтовали между собой и со стандартными функциями платформы. Это приводило к ошибкам и нестабильной работе некоторых элементов.
Табы переключения категорий требовали особого внимания и доработок, так как их самописный функционал конфликтовал со стандартным функционалом Tilda.
Проблемы возникали и с адаптивностью: то, что идеально работало в версии для ПК, на мобильных устройствах могло давать глюки. Нам приходилось искать компромиссы, тестировать разные варианты и устранять несовместимости вручную.
UI/UX-задачи решались в тесной связке с брендбуком клиента. Он стал основой визуального стиля, от которого команда отталкивалась при разработке. Дизайн переработали и адаптировали под возможности Tilda, сохранив при этом дух бренда.
Оптимизацией скорости сайта отдельно не занимались — он и без того показал хорошие результаты загрузки.
Роль команды
В проекте участвовала почти вся команда Asmart. Работа шла динамично, поэтому важно было сохранять общий ритм. Поскольку клиенту часто требовались срочные доработки, к процессу подключали тех специалистов, кто в данный момент был свободен. Такой подход позволял быстро реагировать на запросы и не выбиваться из графика — команда буквально подстраивалась под темп проекта, чтобы уложиться в сроки.
Коммуникация с клиентом тоже строилась максимально активно. Помимо рабочих чатов и задач в трекере, проводились регулярные встречи и отчеты. В особенно напряженные периоды менеджер проекта даже отчитывался ежедневно, поскольку заказчик переживал за сроки и хотел быть в курсе каждого шага. Благодаря такой плотной обратной связи удалось держать проект под контролем, своевременно вносить правки и двигаться к результату без задержек.
Когда Tilda подходит, а когда — нет
Опыт этого проекта показал: Tilda — отличный инструмент для простых сайтов и быстрого запуска, но не лучший выбор для сложных кастомных решений.
Если нужно сделать сайт-визитку, лендинг или простой каталог — Tilda справится отлично. Но если проект предполагает уникальный функционал, интеграции, алгоритмы и большое количество кастомного кода — лучше выбрать другую платформу.