Создаем сайты на Tilda: метод Uplab

Специалисты Uplab работают с платформой Tilda Publishing с 2014 года. Однажды мы рассказывали, как спонтанно все началось. За шесть лет мы собрали десятки сайтов на этом конструкторе, разработали плагин интеграции с «1С-Битрикс» и выработали фирменную методику, которая позволяет нам создавать проекты высокого класса для крупных клиентов. В этой статье рассказываем вам о том, какие подходы мы применяем, и какую пользу они приносят.

04

05

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

лендингов и промостраниц;

•

личных сайтов или портфолио;

•

сайтов для бизнеса или компаний;

•

•

небольших интернет-магазинов;

•

корпоративных блогов, редакторских или рекламных спецпроектов;

•

презентаций.

На главной странице сайта «ФЛУИфорт» представлена в визуальном и текстовом формате ключевая информация об использовании лекарственного препарата. Посетитель сайта за несколько минут может разобраться в особенностях «ФЛУИфорт» и сделать для себя вывод о необходимости дальнейшей консультации с врачом.

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

Именно по этой причине первый этап разработки в Uplab — аналитика проекта. От тщательно выполненной аналитики зависит эстетическая составляющая сайта, его эффективность и удобство в использовании. Под формулировкой «удобство в использовании» подразумевается и дружеский пользовательский интерфейс, и комфортная система администрирования.

Качественная аналитика позволяет эффективно решать последующие задачи, как в процессе создания, так и при эксплуатации сайта. Вот почему в Uplab на раннем этапе разработки привлекают большую команду: редактора, специалиста по поисковому продвижению, арт-директора и UX-аналитика. Применяя комплексный подход, мы изначально понимаем, какой контент оптимальный, как выполнить поисковую оптимизацию, как должен выглядеть интерфейс. После этапа аналитики дизайнер создает в Figma концепт главной страницы, которую арт-директор презентует клиенту.

Для ГК «Ренова» в 2020 году создан презентационный сайт, посвященный 30-летию корпорации. Сайт служит примером оригинального подхода специалистов Uplab к разработке UI на платформе Tilda.

Получив одобрение клиента, мы начинаем разработку. В Uplab никогда не используют шаблонные решения при создании сайта на Тильда. В этом заключается важное преимущество для клиента, ведь он получает инструмент, который позволяет легче отстроиться от конкурентов. Для оригинального результата не подходят стандартные блоки конструктора, поэтому наши дизайнеры используют верстку в Zero Block.

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

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

Незаметная на первый взгляд, но ощутимая разница между качественным и некачественным сайтом — уровень проработки текстового контента. Даже от самого короткого описания зависит, насколько простым будет SEO-продвижение, и насколько убедительным в глазах посетителя будет веб-ресурс в целом. То есть работа копирайтеров и редакторов напрямую влияет на эффективность сайта на Tilda.

Наша команда обладает достаточным опытом, чтобы составить яркое лаконичное описание или большую увлекательную историю. В этом заключается еще одно преимущество для заказчика при обращении в Uplab: наполнением сайта занимаются профессионалы, а не начинающие фрилансеры.

Если создавать сайт с чистого листа, то после обсуждения внешнего вида (фронтенда) наступает продолжительный этап по написанию кода, который обеспечит функционирование сайта, — разработка бэкенда. Для этого необходимы значительные ресурсы. Разработка бэкенда выполняется по следующей схеме: написание кода, верстка тестовой версии сайта, проверка тестировщиками, внесение правок и верстка окончательной версии.

В случае с сайтом на Tilda заказчик не платит за эту работу, поскольку в Tilda всё функционирует на уровне платформы. Таким образом, отказ от написания бэкенда позволяет клиенту значительно сократить бюджет на программирование. Экономия времени при этом составляет от 40% до 60%, если сравнивать проектирование аналогичных сайтов на Tilda и 1С-Битрикс. В среднем, на разработку на Tilda специалистам Uplab необходимо от трех до шести недель.

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

Достоинства Tilda проявляются, когда необходимо создать оригинальный презентационный сайт. Например, для главной страницы веб-портала ГК «Современные транспортные технологии» мы сравнительно быстро сделали несколько типов анимации. Реализация аналогичного функционала на другой платформе потребовала бы длительной работы программистов.

Многие преимущества Tilda для клиента становятся очевидны в процессе эксплуатации сайта. Платформа хорошо адаптирована для SEO-продвижения, особенно веб-ресурсов с большим количеством статей. С Tilda можно получить органический трафик в десятки тысяч уникальных посетителей в месяц. В админке сайта подключается SSL-протокол, задается страница 404, устанавливается переадресация 301 и выполняются другие действия, необходимые для поискового продвижения.

Веб-портал «Комфортная городская среда и ЖКХ» содержит несколько разделов, где регулярно публикуются новые материалы. Использование платформы Tilda облегчает для администраторов ресурса процесс добавления новых страниц.

Еще одним достоинством Tilda является встроенная система аналитики. Наряду с основными метриками — статистикой посещения и географией пользователей — администраторам доступны отчеты по переходам по UTM-меткам, отчеты по заявкам на сайте, настройка конверсий, отчеты по переходам из соцсетей и поисковиков. Этой информации достаточно, чтобы понять эффективность сайта и выявить новые точки роста. Для реализации комплексной маркетинговой стратегии в админке легко подключить популярные системы веб-аналитики: Google Analytics или Яндекс.Метрика.

В длительной перспективе, важным преимуществом сайта на Тильда является простота в управлении контентом. Новые разделы и новые страницы можно создать за считанные минуты, обладая минимальными познаниями в IT. При этом администратор не может «сломать» сайт, поскольку у него нет доступа к исходному коду. Это делает Tilda не только быстрым, выгодным инструментом, но еще и стабильным решением.

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