Читайте в Телеграме, как писать и заказывать контент
бизнесу

Как сделать сайт на Тильде: для предпринимателей и экспертов

полезное
Сергей Епифанцев
Собрал инструкцию вместе с дизайнером Катей Шведовой
В сети много гайдов и обучающих курсов о том, как самостоятельно сделать сайт на Тильде. Но для создания сайта недостаточно понять, «какие кнопки нажимать» на платформе. Надо разобраться, что и в какой последовательность делать: изучать инструкции, выбирать дизайн или писать тексты.

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

1. Выясните, подходит ли Тильда для вашей задачи

Функционала платформы хватит для большинства контент-проектов: корпоративного сайта, лендинга, визитки или портфолио эксперта. Можно воспользоваться готовым бесплатным шаблоном или собрать сайт с нуля с помощью встроенного редактора Zero Block. Для блога или новостного сайта на Тильде есть безлимитная лента публикаций «Потоки».

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

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

В шаблоне можно изменить всё: шрифты, цветовую гамму и расположение элементов

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

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

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

Для работы с Zero Block нужно понимать, как подобрать сочетания цветов, шрифты, иконки и кнопки и как потом всё это разместить на странице по законам UX-дизайна

Блог на Тильде. Ограничения по количеству страниц для сайтов на Тильде — 50 или 500 в зависимости от тарифа. Но для блога и новостного сайта на Тильде можно использовать «Потоки» — ленту с неограниченным количеством публикаций. «Потоки» можно подключить и к шаблону, и к сайту, собранному на Zero Block.

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

Тильда не подойдет для сложных проектов, например агрегатора, крупного интернет-магазина или медиа:

— на платформе нельзя редактировать исходный код;
— сервер предоставляет до 1 ГБ памяти на аккаунт;
— на одном сайте нельзя публиковать больше 500 страниц;
— в каталоге товаров магазина можно разместить до 5 тысяч позиций, а в интеграции с 1С нет синхронизации витрины и складских остатков.

2. Решите, кто будет делать сайт

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

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

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

Закажите создание сайта целиком. Это самый дорогой и надежный способ собрать сайт на Тильде, но всё равно будет дешевле, чем писать движок с нуля, — сэкономите на программистах.

Вот такой лендинг сделали в Рыбе для маркетингового агентства WOW!Agency. Другие наши сайты на Тильде можно посмотреть на странице с кейсами

3. Заранее напишите контент для сайта

Одна из ошибок новичков — думать, что главное — разобраться с технической частью, а тексты как-нибудь по ходу дела напишутся. Можно взять навороченный дизайнерский шаблон и заполнить его хаотичной информацией, получится ерунда.
В любом контент-продукте главное — содержание.
Продумайте структуру сайта. Решите, сколько нужно страниц — например, пять: главная, о компании, услуги, кейсы и контакты. Или вы делаете лендинг и вся информация будет на одной странице. Сделайте в текстовом редакторе прототип каждой страницы, набросайте примерную структуру и подберите шаблон Тильды.

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

Напишите тексты для сайта. Текст должен быть понятным и лаконичным, без лишних метафор, аллегорий и словесного мусора. Мы отобрали для вас статьи из блога Рыбы о том, как писать и оформлять тексты.
Продумайте иллюстрации. Иллюстрацией может быть фотография товара или услуги, схема, график, скриншот или авторский рисунок. Хорошая иллюстрация дополняет текст или привлекает внимание.
Фатальная ошибка — написать текст и разбавить его картинками с фотостоков. Стоковое фото ничего не рассказывает, не вызывает эмоции и не вызывает доверия. Это бессмысленная декорация.

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

Посмотрите на обложки в нашем журнале — это пример запоминающегося стиля

Сверстайте прототип и подберите шаблон. Мы советуем делать это параллельно, чтобы не получилось так, что вы создали прототип, а шаблона под него не нашли.

Загрузите шаблон и перенесите в него тексты и иллюстрации из прототипа.
Блоки шаблона можно менять местами, удалять и использовать по-своему. Например, вы решили, что кейсы будут в блоке с тремя колонками, и нашли подходящий блок, который называется «Услуги». Смело используйте его для кейсов.
Лучше согласовать прототип с шаблоном: если на первом экране написано «Добавьте подробности в одну строку», не стоит писать три абзаца. Не меняйте шрифты, пропорции элементов и цветовые схемы: шаблоны Тильды делают профессиональные дизайнеры, если вы оставите всё как есть, сайт будет аккуратным и чистым.

Коротко: как сделать сайт на Тильде для вашего бизнеса

  • Разберитесь, подходит ли Тильда для вашей задачи и как вы хотите конструировать сайт: воспользоваться шаблоном или создать дизайн с нуля.
  • Определите, какую часть работы вы сделаете сами, а какую — отдадите на аутсорс.
  • Если делаете всю работу самостоятельно, сверстайте прототип сайта с текстами и иллюстрациями, подберите подходящий шаблон и заполните его вашим контентом.
Или закажите крутой сайт на Тильде у профессионалов, которые разберутся в вашей задаче, сэкономят вам время и деньги и сделают продукт, который будет полезен бизнесу.
Хотите еще больше советов по копирайтингу и работе редакций — подпишитесь на наш блог. Много полезных писем и чуток анонсов наших курсов, чтобы не пропустить интересное.
Как вам статья?
Следите за нами там, где удобно
Подпишитесь на наши соцсети или почту — там еще больше советов о контенте, редактуре и управлении командами.

Что еще почитать

ЧИТАТЬ БЛОГ
ЧИТАТЬ БЛОГ