Создать сайт на Tilda сможет любой желающий, если будет знать, что и как нужно делать. Эта статья поможет преодолеть все трудности, которые могут возникнуть у новичка. Кроме того вы узнаете, сколько уйдет времени на разработку первого сайта.
Рассмотри процесс создания на примере лендинга для продвижения онлайн-курса.
Сначала следует продумать структуру, подобрать контент, выбрать шрифты и определиться с цветами, а также сделать прототип сайта.
Структура лендинга
На выбор структуры влияют такие факторы, как тип сайта и задачи, которые он должен решать. Если речь идет об онлайн-школе, то необходимо представить программу обучения, а для дизайнера по интерьерам важно продемонстрировать готовые проекты.
Многостраничные сайты и интернет магазины имеют свою структуру, которая отличается от лендингов.
Классический вариант структуры лендинга:
- обязательное размещение оффера на первом экране;
- рассказ о продукте или компании;
- описание преимуществ и понятных выгод продукта;
- блок доверия с отзывами;
- наличие призыва к действию;
- контакты.
При создании сайта на тильде будут использоваться блоки и страницы, причем на одном экране размещается один блок.
Для подготовки структуры лендинга можно воспользоваться шаблоном, включающим в себя универсальные блоки. Для решения конкретной задачи оставляем обложку, главные цифры, состав команды, описание онлайн-курса, стоимость, частые вопросы (FAQ), контакты.
Контент для лендинга
Рекомендации для текстового контента
- Пишите статьи простым и понятным языком. Так, как бы вы рассказывали о своем продукте или фирме клиенту. Затем убедитесь, что текст легко читать.
- Уделяйте внимание главному. Не стоит писать все, что вы знаете.
- Хорошо дополнить текст интересными деталями и подробностями.
- Постарайтесь стать самым строгим редактором, который не пропустит никаких неясностей или вопросов, оставшихся без ответа.
Дополнительно можно почитать статью о написании текстов, которая опубликована в блоге Tilda.
Рекомендации для визуального контента
- Выберите изображения, которые будут использоваться на главной странице, подготовьте фото автора курса, сделайте скриншоты нескольких занятий.
- Лучше всего пользоваться собственными иллюстрациями, так как они уникальны. Если не можете создать визуальный контент самостоятельно, выбирайте бесплатные изображения на стоках, которые имеют лицензию Creative Commons. Так вы не будете нарушать авторские права.
- Фотографии можно покупать. Есть весьма недорогие ресурсы, которые предоставляют коммерческую лицензию.
- Для использования на Тильде подходят фотографии, у которых длина большей стороны равна 1680 пикселей.
- Большое количество изображений необходимо сжать, чтобы сайт загружался даже у пользователей с нестабильным или медленным интернетом. Иначе клиент просто уйдет. Для сжатия фото можно воспользоваться специальными бесплатными сервисами.
Контент для лендинга
Прототипирование – создание схемы размещения кнопок, текста, изображений и прочих элементов на лендинге. Новички могут нарисовать прототип на бумаге или сделать описание структуры сайта в Google Docs.
Можно делать прототипы онлайн, используя для этого такие ресурсы, как например, Фигма. Она удобна для командной работы. При этом менять в Тильде дизайн не придется.
Иконки, шрифт и цвет
Новичкам легче определиться с выбором цвета и шрифта, посмотрев сайты схожей тематики. Для вдохновения можно посетить такие ресурсы, как onepagelove или посмотреть галерею лендингов Land-Book. Расширение CSS Pepper для Гугл Хром позволит посмотреть шрифты и цвета.
При наличии собственных корпоративных цветов и шрифтов, непременно их используйте в тильде создавая сайт. Старайтесь использовать не больше 2 или 3 цветов. Один выберите качестве основного, а остальные цвета – для акцентирования.
Профессионалы рекомендуют пользоваться максимум двумя разными шрифтами. Тильда предлагает использовать шрифтовые пары, которые подобраны дизайнерами.
На Тильде есть большой выбор иконок. Можно поискать иконки на других сайтах. Например, на сайте Флатикон скачивание иконок бесплатное, можно выбрать любой цвет и формат SVG. На Thenounproject хороший выбор иконок, в том числе выполненных в одном стиле.
Верстка
Верстка сайта может занять не более одного дня. Если взять готовый шаблон Тильды конструктора сайта, то сверстать сайт можно быстро. Работая с шаблоном, блоки можно удалять либо добавлять из библиотеки.
Благодаря понятному интерфейсу Тильды сборка лендинга из блоков не вызывает трудностей. На любой вопрос можно получить ответ, зайдя в справочный центр Тильды.
- Хорошая сочетаемость стандартных блоков Тильды не требует большого числа правок.
- Убедитесь, что заголовки разного уровня и главного текста имеют одинаковые цвета, формы кнопок идентичны, также проверьте размеры шрифта и отступов.
- В настройках отрегулируйте ширину блока, и следите, чтобы ни один элемент лендинга не выходил за границу.
- Кнопки. В каждом блоке в настройках можно изменить цвет их фона и/или текста, а также сделать радиус скругления одинаковым.
Оптимизация и тестирование
Чтобы сайт работал полноценно, необходимо провести оптимизацию и тестирование. В справочном центре Тильды для каждого действия есть инструкция.
Перед публикацией:
Подведем итог
- Вдохновение ищите на сайтах схожей тематики. Проанализируйте их работу и используйте лучшее для своего сайта.
- Лендинг можно создать за два дня. За один день – подготовить контент и сделать прототип, за второй – сверстать в Тильде, провести оптимизацию и протестировать готовый сайт.
- Качественный лендинг на Тильде получится, если продумана структура, написан текст, подобраны изображения, затем все сверстано, оптимизировано, протестировано и опубликовано.
Внимательно прочитала статью Создание сайта на Тильде.У меня пока нет сайта на Тильде.Но в последние несколько месяцев вижу — многие рекомендуют этот сервис. Надо идти вперед…использовать больше возможностей в интернете для своих проектов.