что такое платформа tilda
Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она?
Сразу отметим, что данный материал ни в коем случае не является рекламным, а представляет из себя анализ Тильды, как решение для бизнеса.
По факту в более чем 50% случаев от всех задач бизнеса в медиа пространстве, ваш сайт не нуждается в том, чтобы он был разработан кодом. Не обязательно ставить такие условия где необходимо будет привлекать верстальщика или программиста. В таких проектах обычно нуждается средний или крупный бизнес, так как к тому времени у компании сформировалось представление и сложные многоуровневые задачи, которые решаются только таким же сложными решениями.
Tilda в свою очередь тоже не является панацеей и не возведена в абсолютное значение, можно пользоваться другими решениями похожими на Тильду.
Что чаще всего приходится слышать про Тильду?
Во-вторых, скорее всего меня могут закидать тухлыми помидорами, но серьезная компания не будет стараться «выгрызать» серьезный сайт за условные 20.000 рублей. Тут 2 пути: или компания не такая серьезная, или же у директора нет понимания, что такое сайт и для чего он нужен.
2. «Не, Тильда не подойдет, у нее слишком урезанный функционал…»
Да, вы правы, Тильда имеет большое количество ограничений, но как правило если вы обращаетесь к профессионалам то выбор данного решения будет не случайным.
Отсюда вы сразу сможете понять профессионализм человека с которым обсуждаете будущий сайт еще на этапе брифинга. И насторожиться в случае если вам не задали ни одного вопроса относящегося к вашим пожеланиям, но почему-то сразу назвали тильду.
Тогда скорее всего вы общаетесь с командой, которая работает только на этой платформе или же с непрофессионалом.
Теперь, когда мы прониклись всей серьезностью данного решения. Сформулируем реальную ситуацию и ряд задач с которыми пришлось столкнуться заказчикам.
Рассмотрим параллельно 2 ситуации, которые могут показаться разными, но по факту объединены одним и тем же.
1. Заказчик не имеет серьезного бюджета, но ему срочно необходим небольшой сайт для мероприятия, которое стартует уже в конце недели.
2. Заказчик имеет серьезный бюджет, но у него отсутствуют амбициозные задачи и в целом планы на будущий сайт. Сроки не превышают 14 дней, но для простоты понимания давайте приведем также к 7 дням.
Задача
По факту перед нами стоит задача, как сделать симпатичный MVP-проект, в срок не превышающий 7 дней.
«Да, давайте здесь не будем заострять внимание и формировать представление, что вся web-разработка такая же быстрая и не затратная. В данной ситуации разбираются частные случаи, чтобы показать, что даже казалось бы в безвыходной ситуации есть решение»
День 1. Подбор референсов и обсуждение проекта
Для экономии времени и ресурсов приступаем к аналитике, но акцентируем внимание только на самых важных моментах, а именно:
какова будет общая концепция продукта;
какие есть конкуренты и что они из себя представляют;
Что нравится целевой аудитории;
что из референсов может лучше всего подойти.
Конец дня ознаменовывается обсуждением выбранных решений с заказчиками. На каждый из этапов тратим примерно по 2 часа.
День 2. Прототипирование
День 3-4. Дизайн
На данном этапе делаем акцент, выделяя под него 2 суток. Так как он является самым основным в рамках работы на Тильде. Определяемся с 3 наиболее интересными и продуманными работами в данной нише, предварительно все это согласовав с заказчиками. Первый день занимает подбор и поиск будущих элементов сайта, а именно:
иные визуальные элементы, которые нельзя отнести к чему-то конкретному, но от этого они не становятся менее важными
Все должно быть объединено общей идей, сочетаться между собой, что также отсылает нас к проработке первичной логики по которой уже идет дальнейший отбор элементов. На чем первый день удачно заканчивается. Собрав бэкграунд элементов, вспоминаем о тех исходных работах, которые мы взяли, как ориентир. После чего объединяем удачные идеи этих сайтов с теми элементами, что мы нашли, находясь в свободном плавании на ресурсах для дизайнеров.
День 5. Верстка
День 6. Подключение домена
День 7. Видео инструкции и обучение заказчика
Для этого записываем видеоинструкции:
как добавлять контент;
Как редактировать текст и менять изображения;
Как пользоваться панелью администратора
Где они уже самостоятельно сможет все настроить, повторяя шаги из видео.
Вывод
самозанятые или у вас небольшой стартап, когда нет уверенности в бизнес-модели;
Экономия на более чем половине команды разработчиков, отсекая программиста и верстальщика. Используя при этом 2-3 пары рук квалифицированных специалистов, позволяет получить продукт за весьма скромный бюджет, досягаемый для многих, кто развивает свое дело.
Tilda Publishing
Tilda помогает создавать впечатляющие сайты для бизнеса и медиа.
Публикуем новости про обновления платформы, ссылки на лучшие проекты, созданные нашими пользователями, и оригинальные статьи о дизайне и интернет-маркетинге.
Если у вас есть вопрос, связанный с работой платформы, пожалуйста, пишите на team@tilda.cc
Если вы хотите найти исполнителя сайта на Тильде или получать заказы на дизайн, пожалуйста, используйте сервис Tilda Experts http://experts.tilda.cc/ru/
Tilda Publishing запись закреплена
Вебинар «Дизайн сайта с Autoscale в прямом эфире»
Как грамотно использовать новое автоматическое масштабирование в Zero Block — узнаете на бесплатном мастер-классе 23 ноября.
Запишитесь, чтобы получить ссылку перед началом: https://tilda.link/webinar-autoscale-live
Показать полностью.
На вебинаре разберём:
— Что такое Autoscale и как он работает.
— Как грамотно использовать автомасштабирование.
— Важные особенности использования изображений.
Мастер-класс проведёт Максим Ширко, дизайнер и куратор Школы Тильды.
Tilda Publishing запись закреплена
Как подтвердить авторство сайта на Тильде
Представьте, что вы создали несколько проектов для своего портфолио веб-дизайнера, сверстали персональный сайт и готовы искать клиентов. Как подтвердить, что проекты в портфолио принадлежат именно вам? Для этого на Тильде есть специальный идентификатор разработчика. Рассказываем о нём подробнее.
Показать полностью.
Идентификатор разработчика — это уникальный ID каждого человека, который зарегистрировался в каталоге дизайнеров Tilda Experts. Ключ состоит из нескольких букв и цифр.
ID разработчика находится в личном кабинете Tilda Experts → Идентификатор. Скопируйте его, перейдите в Настройки сайта, который создали → Ещё и вставьте ключ в специальное поле. После этого сайт будет автоматически включён в ваше портфолио на Tilda Experts.
В галерее #madeontilda под названием сайта указывается ссылка на портфолио дизайнера, если в проекте был указан идентификатор разработчика. Таким образом, подборка лучших сайтов может стать дополнительным источником новых клиентов и заказов.
Подтверждение авторства сохранится, если вы передадите сайт на аккаунт клиента. Идентификатор не работает на бесплатных аккаунтах.
Создайте портфолио на Tilda Experts https://experts.tilda.cc/ru
А вы используете идентификатор разработчика? Поделитесь в комментариях 
Идентификатор разработчика — это уникальный ID каждого человека, который зарегистрировался в каталоге дизайнеров Tilda Experts. Ключ состоит из нескольких букв и цифр.
ID разработчика находится в личном кабинете Tilda Experts → Идентификатор. Скопируйте его, перейдите в Настройки сайта, который создали → Ещё и вставьте ключ в специальное поле. После этого сайт будет автоматически включён в ваше портфолио на Tilda Experts.
В галерее #madeontilda под названием сайта указывается ссылка на портфолио дизайнера, если в проекте был указан идентификатор разработчика. Таким образом, подборка лучших сайтов может стать дополнительным источником новых клиентов и заказов.
📌 Подтверждение авторства сохранится, если вы передадите сайт на аккаунт клиента. Идентификатор не работает на бесплатных аккаунтах.
Создайте портфолио на Tilda Experts 👉 https://experts.tilda.cc/ru
Когда вы уже урлы на товарах сделаете нормальные? Что за муть?
https://www.rpha.su/i70/tproduct/191820923-7244767761..
Зачем там лишние /tproduct/191820923-724476776132
Зачем в урлах картинок такая же фигня?
Tilda Publishing запись закреплена
Новые проекты #madeontilda: конкурс от OneTwoTrip и Skillbox, галерея бесплатных кириллических шрифтов, сайт онлайн-хакатона от КРОК, медиа о качестве жизни Heal Me, сайт и интернет-магазин российского wellness-бренда Re-feel и другие.
Шрифтотека
— https://myskotom.ru
Галерея бесплатных кириллических шрифтов от студии «Мы с котом»
AlenStudio
— https://alenstudio.ru
Сайт студии дизайна интерьеров
Heal Me Media
— https://healme.media
Медиа для тех, кто хочет улучшить качество жизни
Re-feel
— https://refeel.ru
Сайт и интернет-магазин российского wellness-бренда
Meridians Tour
— https://meridianstour.ru
Сайт турклуба для любителей активного отдыха
Timso
— https://timso.app/ru
Лендинг сервиса для управления удалёнными командами
Norm
— https://norm-clo.com
Интернет-магазин дизайнерского бренда головных уборов из Украины
— Репетитор по физике
https://fizika-ege.tilda.ws
Персональный сайт репетитора по физике
Делаете интересный проект? Присылайте ссылку через кнопку «Предложить сайт» на странице https://tilda.cc/ru/madeontilda
OneTwoTrip x Skillbox
— https://events.skillbox.ru/travelstickerpack
Конкурс на разработку стикерпаков
Шрифтотека
— https://myskotom.ru
Галерея бесплатных кириллических шрифтов от студии «Мы с котом»
WildHack
— https://wildhack.croc.ru
Сайт онлайн-хакатона от КРОК
AlenStudio
— https://alenstudio.ru
Сайт студии дизайна интерьеров
Heal Me Media
— https://healme.media
Медиа для тех, кто хочет улучшить качество жизни
Re-feel
— https://refeel.ru
Сайт и интернет-магазин российского wellness-бренда
Meridians Tour
— https://meridianstour.ru
Сайт турклуба для любителей активного отдыха
Timso
— https://timso.app/ru
Лендинг сервиса для управления удалёнными командами
Norm
— https://norm-clo.com
Интернет-магазин дизайнерского бренда головных уборов из Украины
— Репетитор по физике
https://fizika-ege.tilda.ws
Персональный сайт репетитора по физике
Tilda Publishing запись закреплена
Новый блок: T972. Уведомление об использовании куки с возможностью выбора типа из категории «Другое»
Теперь на страницу можно добавить не только уведомление о сборе cookie-файлов, но и возможность отключать ненужные типы куки.
Cookie — это файл с данными, который сохраняется на компьютере пользователя после посещения сайта. Это нужно, чтобы браузер мог быстро переслать данные на сервер сайта, не замедляя загрузку страниц.
Показать полностью.
Возможность управления cookie-файлами и уведомление об их использовании регулируется законами многих стран, например, GDPR в Европе. В России чётких правил пока нет, закон о персональных данных в РФ (№ 152-ФЗ) не сообщает, входят ли куки в понятие «персональных данных». Но случаи такого определения куки в суде уже были.
С помощью нового блока человек сможет управлять 4 видами cookie-файлов:
1. Обязательные cookie включены по умолчанию. Их нельзя отключить, так как они используются для правильной работы системы и обеспечивают работу сайта, в том числе защиту от DDoS-атак.
2. Аналитические cookie позволяют собирать данные для статистики: внутренней системы Тильды и сервисов Google Analytics и Яндекс.Метрика. Пока посетитель не принял решение или отключил куки этого типа, то сайт не будет передавать данные в системы аналитики. Но внутренняя статистика Тильды зафиксирует переход на сайт, не используя сookie.
3. Рекламные cookie нужны для интеграций с системами вроде пикселя Facebook и ВКонтакте. Так же, как и в случае с аналитическими куки, если посетитель ещё не принял решение или отключил Cookie для рекламных систем, код пикселей не будет передавать данные.
4. Другие cookie помогают собирать дополнительные данные, если вы используете собственный код.
В контенте блока вы можете изменить названия и описания категорий куки. Убедитесь, что достаточно понятно рассказываете о разных типах, чтобы людям было проще принимать решение о том, какие данные передавать. Также в контенте можно задать название для виджета и кнопок, заголовок и описание окна настроек.
В настройках блока вы можете настроить стиль виджета: изменить отступ слева или справа от края экрана, задать цвет фона и кнопок, добавить скругление углов и настроить шрифт. Стилизуйте уведомление под дизайн вашего сайта или оставьте классическую белую плашку: главное, чтобы оно не мешало восприятию сайта и было удобным в использовании.
Отключение cookies полностью блокирует скрипты, в которых они устанавливаются. Потому подключенные сервисы вроде аналитики Google не будут работать до тех пор, пока посетитель сайта не согласится с использованием куки.
Также обратите внимание, что уведомление будет показываться пользователям только один раз. При повторном переходе на сайт система автоматически применяет согласие и прошлые настройки Cookie, которые выбрал посетитель.
Подробнее о настройке типов куки https://help-ru.tilda.cc/cookies-consent
А вы добавляете уведомление об использовании куки в свои проекты? Расскажите в комментариях
Cookie — это файл с данными, который сохраняется на компьютере пользователя после посещения сайта. Это нужно, чтобы браузер мог быстро переслать данные на сервер сайта, не замедляя загрузку страниц.
Возможность управления cookie-файлами и уведомление об их использовании регулируется законами многих стран, например, GDPR в Европе. В России чётких правил пока нет, закон о персональных данных в РФ (№ 152-ФЗ) не сообщает, входят ли куки в понятие «персональных данных». Но случаи такого определения куки в суде уже были.
С помощью нового блока человек сможет управлять 4 видами cookie-файлов:
1. Обязательные cookie включены по умолчанию. Их нельзя отключить, так как они используются для правильной работы системы и обеспечивают работу сайта, в том числе защиту от DDoS-атак.
2. Аналитические cookie позволяют собирать данные для статистики: внутренней системы Тильды и сервисов Google Analytics и Яндекс.Метрика. Пока посетитель не принял решение или отключил куки этого типа, то сайт не будет передавать данные в системы аналитики. Но внутренняя статистика Тильды зафиксирует переход на сайт, не используя сookie.
3. Рекламные cookie нужны для интеграций с системами вроде пикселя Facebook и ВКонтакте. Так же, как и в случае с аналитическими куки, если посетитель ещё не принял решение или отключил Cookie для рекламных систем, код пикселей не будет передавать данные.
4. Другие cookie помогают собирать дополнительные данные, если вы используете собственный код.
Обзор конструктора сайтов Tilda: возможности, ограничения, советы
Руководитель и стратег в студии веб-дизайна и контент-маркетинга Svoemedia Александра Иващенко рассказала блогу Нетологии, как её команда использует Tilda в работе.
Сайты на конструкторе сайтов Tilda я начала делать ещё в 2014 году. Тогда это был настоящий прорыв по визуальной части: было ощущение, что прикоснулся к искусству, и до конца не верилось, что оно станет таким доступным. В маленькой группе на 400 человек (сейчас подписчиков 18 тысяч) мы обсуждали возможности Тильды, поддерживали команду платформы и давали советы.
Сейчас, в рамках Svoemedia, создание сайтов на Tilda стало полноценным направлением нашего бизнеса и предпочитаемой CMS. О её возможностях, функциях и об опыте нашей команды хочу рассказать в этом обзоре Тильды.
Дизайн: что можно сделать на Тильде и как это будет выглядеть
Начать дизайн сайта можно с чистого листа, используя Zero-блоки, или с готовых шаблонов и блоков, которые можно группировать по типу конструктора.
Готовые шаблоны
Шаблоны разделены на группы по тематике и назначению: Бизнес, Магазин, Событие, Контакты, Анкета.
Готовые блоки
Из библиотеки блоков можно выбрать самостоятельные дизайн-элементы: меню, текстовые блоки, изображения, видео, формы и кнопки, этапы, команда, отзывы, карты Гугл и Яндекс и так далее.
Готовые блоки автоматически подстраиваются под разные устройства — компьютер, смартфон, планшет. Для корректировки отступов или размера текста задайте режим отображения внизу настроек блока, двигая ползунок:
Подробнее о корректировке мобильной версии читайте в справочнике Тильды.
Текст и изображения
Для редактирования текста нужно кликнуть по нему. То же можно сделать из меню «Контент» (в стандартных блоках) и через «Редактировать блок» в Zero. Встроенный в редактор типограф для текстов убирает висячие предлоги, ставит правильные тире и кавычки.
Изображения можно загрузить с диска, перетащить, вставить ссылку на изображение в интернете. В стандартных блоках можно менять цвета, шрифты, иконки.
Zero-блоки
Для реализации сложных идей, мы используем Zero-блоки. В Zero-блоках все элементы создаются самостоятельно. Адаптировать сайт для разных устройств тоже нужно вручную.
Работа в Zero-блоке похожа на работу в графическом редакторе, только созданный индивидуальный дизайн можно сразу посмотреть в Тильде
Елена Сартасова, шеф-дизайнер Svoemedia
«Zero-тренды и минимализм в дизайне сайтов диктуют дизайнерам задачу больше акцентировать внимание на колористике и типографике. Главное – это контент, а дизайнер лишь создаёт атмосферу, помогающую считать его суть. Чем чище и однообразнее фоны и проще графика на сайте, тем интуитивнее и интеллектуальнее воспринимается сайт пользователем: когда ничто не мешает, сайт действительно хочется читать, а не просто рассматривать его дизайн. Простая блочная структура Тильды позволяет довольно легко создавать такой дизайн за счёт простоты компонентов: фон, текст, форма и картинка, которые есть в Zero-блоке и стандартных блоках».
С помощью Zero-блоков можно делать анимацию, но если сайт предполагает постоянную редактуру (особенно это актуально для сайтов мероприятий), нужно будет вносить правки во все разрешения.
Елена Сартасова, шеф-дизайнер Svoemedia
«Микроанимации — это возможность сделать сайт живым и говорящим. Тильда дает возможность настройки такой анимации. Сайт, дающий обратную тактильную связь, создает игру с пользователем, продлевая этим его время пребывания на сайте и упрощает знакомство с контентом».
Проанализировав задачи клиентов, мы создали библиотеку шаблонов на Тильде для типовых решений. Мы хотим, чтобы заказчики клиентов быстрее находили на сайтах то, что им нужно. А клиенты экономили деньги для развития бизнеса: такое решение позволило нам сократить стоимость разработки сайта для клиента в 12–15 раз.
Тильда позволяет делать эффектные сайты и, если овладеть её инструментами, сложно наткнуться на ограничения: немного изменив взгляд на элемент, можно адаптировать его без потерь.
Сценарии использования: для каких типов проектов подходит Тильда
Тильда — комфортная среда для создания, публикации, хранения и модификации проектов. В агентстве мы работаем преимущественно с большими проектами по классической схеме веб-разработки: схема, прототипирование, контент, дизайн, техническая оптимизация.
Тильда позволяет исключить полностью дорогостоящие этапы HTML-верстки и программирования и сократить стоимость разработки для нашей команды и клиента.
Александра Назмеева, менеджер проектов Svoemedia
«Тильда позволяет вовсе не привлекать полноценного разработчика даже для многостраничных сайтов (исключение — сложные калькуляторы и иные нетиповые задачи). По сравнению с разработкой сайтов полного цикла, сайты на Тильде сокращают время создания крупных проектов до 1,5–2 месяцев, включая этапы от прототипирования и написания контента до запуска работоспособной версии».
Сайт компании и лендинги
Если нужен сайт-презентация продукта или услуги, посадочная страница с формами обратной связи — Тильда подойдёт идеально.
Функции личного кабинета пользователя в Тильде на данный момент нет. В проекте компании UNIUP все презентационные страницы и блог сделаны на Тильде, а личный кабинет — внешняя ссылка на другой сайт:
Личный сайт или портфолио
На Тильде можно собирать сайты-портфолио, личные сайты специалистов.
Контент-проекты
На Тильде мы сделали и ведём самое большое медиа по химической промышленности в России: проект Инжинирингового химико-технологического центра в Томске.
Для этой ниши цифры очень приятные — 10 000 посетителей в месяц. По словам Ильи Мазова, директора по развитию ИХТЦ, контент-проект приносит от 15% годового оборота компании.
Максим Колташов, главный редактор SVOEMEDIA
«Я рад, что команда чаще всего использует для вёрстки статей именно Тильду: это позволяет разместить нужные блоки (подписка, ссылка на соцсети, перелинковка на другие материалы) быстро и именно там, где мне это необходимо. Результат всегда эстетически приятен, что улучшает поведенческие характеристики и в итоге положительно сказывается на ранжировании сайтов».
Полезные функции Тильды для контент-проектов:
В Тильде есть возможность дополнить текстовый контент фото- или видеоматериалами, что делает её удобным решением для публикации книг и лонгридов.