В этой статье я расскажу, как сделать самому современный и аккуратный сайт на Тильде
Прежде всего стоит сказать о том, что Тильда изначально создавалась для того, чтобы каждый мог сам сделать свой сайт. Однако в последствии, с появлением нового функционала, например, Zero Block, работать с конструктором стало сложнее и появились компании, вроде нашей, которые помогают клиентам сэкономить время и делают сайты на Тильде на заказ.
Далее, я расскажу о процессе создания сайта на Тильде, как его вижу я и поделюсь своими лайфхаками.
С чего начать?
Есть такое популярное выражение в интернет-маркетинге: «Content is a king». В моем понимании, начинать надо всегда с контента. Достаточно открыть Google-документы и накидать тексты для основных смысловых блоков.
Чтобы избежать страха белого листа, можно открыть сайты конкурентов и скопировать у них структуру лендинга или многостраничного сайта и далее наполнить эту структуру оригинальными текстами. Мне могут возразить: «Но я же не копирайтер?». В этом случае я отвечу, что оптимальным решением будет использование ChatGPT, который генерит «человечные» тексты по вашему запросу. Например, вы можете написать ему «Придумай заголовок, содержащий УТП моего продукта (указав, что у вас за продукт)» и чат-бот выдаст вам уникальный заголовок. Далее по такому же принципу можно сгенерировать тексты для остальных блоков.
Как бесплатно и быстро с нуля создать сайт на Тильде?
Разработка дизайн-концепции
После того, как у вас будет готов контент, вы можете приступить к следующему этапу — разработке дизайн-концепции. Это не менее важный и наиболее творческий и интересный этап. Для реализации данного этапа, я рекомендую использовать графический редактор Figma.
Прежде чем что-то рисовать, нужно собрать референсы — примеры сайтов, которые вам нравятся в плане дизайна. Референсы позволят вам использовать лучшие идеи для своего сайта. Как говорил Пикассо «Хорошие художники — копируют, лучшие — воруют». В нашем случае, достаточно быть хорошим художником — откровенно воровать не надо.
После того как вы собрали подходящие референсы (не более 5, иначе глаза могут разбежаться от обилия интересных идей), можно приступать к разработке дизайн-концепции. Существует множество статей о правилах хорошего дизайна, и я не хочу их повторять. Скажу только, что придерживаюсь принципов «Лучшее — враг хорошего» и «Less is more». Я стремлюсь сделать максимально простое решение, а затем при необходимости его усложнять и «играться со шрифтами».
Лайфхак: когда вы рисуете дизайн-концепцию, вы должны понимать, как это будет реализовано в Тильде. Я часто стараюсь рисовать дизайн с учетом возможностей Тильды, проще говоря, чтобы конкретную часть макета можно было собрать на готовых блоках. Это не значит, что всегда нужно ориентироваться на готовые блоки, но если у вас нет задачи добиться wow-эффекта, лучше держать в голове, как это можно будет собрать в Тильде без лишних трудозатрат.
Другим важным правилом является преемственность. Если у вас есть логотип, используйте цвета из него, не нужно городить огород. Пусть они проходят сквозь весь сайт. Я не рекомендую использовать шаблоны Тильды, но если вы нашли там что-то очень подходящее под ваш контент, вы можете попробовать.
Делаем презентацию из сайта на Тильде
Первый экран — самый важный блок на любом сайте. Известно, что решение продолжить просмотр или уйти с сайта, пользователи принимают за несколько первых секунд нахождения на первом экране сайта. Постарайтесь сделать его максимально цепляющим. Используйте заголовок с УТП и подзаголовок, поясняющий ваше предложение. Используйте тематическое изображение, подкрепляющее УТП и создающее настроение.
Лайфхак: убедитесь, что тексты на первом экране читаемы. Нечитаемый или плохочитаемый текст — основная проблема многих сайтов.
В качестве визуального наполнения сайта я как правило использую фото с Unsplash и иконки с SVGrepo. Когда вы поймете, что дизайн-концепция готова, можно переходить к сборке сайта на Тильде.
Сборка сайта на Тильде
Ютуб как сделать сайт на тильде
Tilda — бесплатный конструктор сайтов, не требующий знания кода. Интуитивно понятный интерфейс позволяет собирать индивидуальные публикации, комбинируя между собой блоки различными способами. Работать в нем может любой желающий. При этом, если вы дизайнер и вам не хватает базовых функций, вы можете создавать и настраивать блоки самостоятельно. Этот курс — последовательное погружение в ключевой функционал конструктора: от создания страницы и публикаций из готовых блоков — до настроек и анимации.
Смотреть курс бесплатно
Подходит новичкам
Сева Петров
Веб-дизайнер. Эксперт на курсе Tilda Pro от Tilda School. Работал с «Альфа-Банком», Welltory, FIFA 2018, UEFA 2020, ParasiteLab, НИУ ВШЭ.
Кому подойдет
Всем, кто хочет самостоятельно создавать сайты, лендинги, блоги, презентации или лонгриды — для бизнеса или личных целей. Дизайнерам — для создания индивидуального веб-портфолио без знаний в программировании.
Источник: bangbangeducation.ru
Бесплатный фрагмент — Как сделать сайт на Тильде бесплатно
Перед тем как мы углубимся в процесс сотворения сайта, я хочу поведать немного о себе, о том, как я неожиданно попала в мир IT.
Моя история не особо оригинальна и похожа на истории многих людей, которые попали в новые условия существования. Кто начал совершенно иную, не характерную для них, деятельность.
Началось все незадолго до карантина, той самой самоизоляции. И то не простое время все провели по-разному. Кто-то был в тоске и унынии, кто-то радовался появившейся возможности замедлиться, переосмыслить жизнь. А кто-то, как я, ударился в обучение, благо, что всевозможных курсов появилась масса.
Одним морозным зимним вечером я листала ленту инстаграм, и, случайно или нет, увидела рекламу бесплатного тренинга по созданию сайтов на Тильде в международной школе Profreework. Я давно была продвинутым пользователем всевозможных сайтов и мне было очень интересно очутиться по ту сторону сайта. Посмотреть на него изнутри, что ли. Для меня, тогда это было развлечением и никаких особенных ожиданий от тренинга не было. Да и слово Тильда было пустым звуком.
Марафон длился всего 4 дня, но за это время мы успели создать небольшой лендинг (одностраничный сайт) и получили представление о платформе. Уже тогда я изумилась тому, насколько все оказалось просто и понятно. И никакой магии! А то айтишники любят напустить тумана на свои услуги!
Когда марафон закончился, я почувствовала, что меня эта тема захватила и появилось какое-то ощущение незавершенности. Я осознала, что хочу ещё и мне просто необходимо дальше учиться!
Мой мир разделился на До и После. С тех пор, мной было пройдено много разных курсов и было создано несколько больших и маленьких сайтов и к настоящему моменту я уже продвинулась и в других сферах. А создание сайтов стало просто очередным инструментом в моей деятельности по продвижению.
Я искренне считаю, что это очень просто-создать свой сайт и желаю всем осуществить это в самое ближайшее время.
В этой книге я хочу поделиться небольшим секретом по созданию бесплатного сайта на Тильде.
Думаю создать бесплатный сайт на Тильде — это прекрасная возможность для начинающих бизнесменов попробовать, понять, насколько они готовы заниматься своим сайтом.
По правде говоря я была не совсем уверена, что смогу создать бесплатный сайт без потерь и совсем без оплаты.
«Да какая платформа пойдет на такое, раздавать бесплатные услуги!» -думала я тогда.
Я знала, конечно, что можно создать сайт бесплатно, но он будет сильно не такой как надо. Но всё же, я решила попробовать и посмотреть, что из этого получится.
ГЛАВА 1. С чего начинать?
В книге вы встретите непонятные, возможно пугающие своей неизвестностью, моменты на каждом этапе создания сайта.
Вместе мы пройдем все шаги по созданию абсолютно бесплатного сайта и вы поймете, что это не так уж и сложно, когда есть пошаговая инструкция перед глазами.
Шаг 1. Регистрация на платформе
Прежде всего, конечно, нужно зарегистрироваться на Тильде. Для этого нужно зайти на сайт Тильды https://tilda.cc/ru/ и внести данные электронной почты и имя пользователя.
Если у вас есть реферальная ссылка, то необходимо пройти именно по ней и только тогда зарегистрироваться. В этом случае после дальнейшей оплаты подписки на Тильде вы и человек, давший вам ссылку, получите по дополнительному бесплатному месяцу.
Например, вот так выглядит моя реферальная ссылка и вы можете ею воспользоваться. https://tilda.cc/?r=2976126
У каждого, кто зарегистрирован в Тильде и оплатил тариф, есть возможность делиться реферальной ссылкой с кем-либо и получать дополнительные месяцы или дни.
Если вы и человек, давший реферальную ссылку, пользуетесь разными тарифными планами (Business или Personal), количество бонусных дней для каждого из вас будет рассчитываться пропорционально. Если ваши планы совпадают, то каждый из вас получит по 1 бонусному месяцу.
Бонус начисляется в количестве не более 1 месяца, независимо от срока первой оплаты (месяц/год). Если у вас тариф Business и ваш реферал оплачивает Personal, вы получите 15 дней по тарифу Business, а реферал 1 месяц Personal. Если у вас тариф Personal и ваш реферал оплачивает Business, вы оба получаете по 1 месяцу соответственно.
И вы тоже поделитесь такой ссылкой когда-нибудь!
После регистрации система попросит вас выбрать тариф для оплаты.
Не пугайтесь и выбирайте тариф Personal. Пока это ничего не значит. В течение первых двух недель после регистрации вы будете пользоваться всеми возможностями Тильды совершенно бесплатно. Позже я расскажу что нужно сделать чтобы пользоваться Тильдой бесплатно!
Шаг 2. Подбор материалов для сайта
Хотя это, наверное, должен был быть вообще нулевой шаг. Все-таки, прежде чем приступать к созданию сайта, необходимо продумать его основную концепцию.
Так что же всё-таки нужно подобрать для сайта?
1. Фото продукции, товаров, всего того, что вы собственно продаете и предлагаете.
Современные телефоны имеют отличные камеры и вполне могут быть альтернативой профессиональной фотосъёмке и покупатели любят живые снимки. Им даже больше доверяют. В случае использования телефона не забывайте о фотофоне и едином стиле фото.
2. Кроме фотографий товара для сайта всегда нужны красивые, привлекающие внимание фото для главной или других страниц. И это могут быть бесплатные фотографии с фотостоков.
Процесс поиска фото для главной страницы может занять много часов, ведь это первая страница, на которую попадает потенциальный покупатель. И очень важно чтобы она была интересной, интригующей, вызывающей желание остаться на сайте подольше.
Вот несколько сервисов где можно найти бесплатные фото и официально использовать их на своём сайте.
Это бесплатные фотостоки
3. Продумать ваше уникальное торговое преимущество или как его называют УТП, куда уж без него! Это то, что выделяет вас среди конкурентов или просто какое-то интересное для клиента предложение. Разные скидки или специальные акции. Это нужно придумать обязательно! Покупатели любят всякие плюшки!
Шаг 3. Концепция сайта (цветовое решение)
В процессе подготовки сайта к созданию неизбежно возникает вопрос: а собственно в каком стиле будет сайт? Какие цвета использовать?
И здесь есть свои традиции.
Кофейни обычно используют кофейные цвета.
Цветочные магазины — зелёные цвета или розовые.
Маркетологи и seo специалисты любят чёрный фон. Вообще, черный фон традиционно вызывает некий негатив. Но вот в сфере сайтостроения этот цвет очень популярен и смотрится стильно и беспроигрышно.
Пекарне логично взять цвет свежеиспеченного хлеба.
Салоны красоты и спа любят пастельные оттенки.
Сейчас есть много сервисов по подбору цветовой гаммы, сочетаемых оттенков.
Вот некоторые из них
Шаг 4. Подбор домена и домен технический
При создании бесплатного сайта этот момент придется пропустить, так как на тарифе Free (а именно на него мы впоследствии перейдём, чтобы пользоваться сайтом бесплатно) подключить домен не получится. Вы сможете пользоваться только техническим доменом.
Да то что вместо красивого имени сайта, например,
Ссылки это абсолютно рабочие и их можно спокойно указывать где угодно. Просто в наш скоростной век никто уже не захочет долго писать длинное название вашего сайта. Но вот в качестве скрытой ссылки это вполне можно использовать.
Как, например, я прикрепила такую ссылку к одному из фото на моём сайте-портфолио https://mytrif.ru и по ней осуществляется переход на бесплатный сайт, который я создала для клиента. И никто даже не думает, что это какой-то не такой сайт.
Для того чтобы дать более-менее уникальное имя вашему техническому домену, зайдите в раздел
НАСТРОЙКИ -> НАСТРОЙКИ САЙТА -> Главное -> Субдомен на Тильде
Подберите подходящее имя вашему сайту, тут много чего занято, но выбрать всё же можно.
На техническом домене, к сожалению, не все возможности Тильды можно использовать.
— подключить платежные системы
— подключить многие интересные блоки
— подключить протокол HTTPS, который необходим, если вы собираете персональные данные покупателей
— подключить системы аналитики, пиксели Фейсбук и ВКонтакте
— подключить сервисы рассылки писем
— подключить формы обратной связи
Но в целом сайт всё же будет мало чем отличаться от другого обычного сайта, без особого дизайна.
Потом, когда-нибудь, когда вы разбогатеете и поймёте важность сайта, или вам понадобятся все же все возможности платной версии, вы в любой момент сможете оплатить подписку на Тильде и воспользоваться всеми возможностями этой чудесной площадки.
Подбор доменного имени — это очень важный момент. Ведь домен это, по сути, имя вашего сайта и оно должно быть хорошо запоминающимся, легко произноситься и писаться, по возможности коротким. И кроме этого, оно должно быть созвучно вашему названию, бренду.
Часто самые лучшие и подходящие имена уже заняты. Тогда проблема легко решается добавлением цифры региона к имени домена. У одних моих клиентов получилось vkusstory86.ru. Так как просто vkusstory.ru было занято.
И когда вы всё же решите дать своему сайту уникальное имя, это можно будет сделать, купив доме́нное имя на одном из хостингов. Хостинг-это будущий дом для вашего сайта. Всё что нужно будет сделать это подобрать имя будущего домена на предмет уникальности, оплатить его и подключить к сайту. Наиболее популярные сервисы для хостинга (это на будущее).
Как правило, сам домен стоит недорого, порядка 200—300 рублей. Но вот продление его через год обойдётся вам уже 1000 рублей и больше.
Я имею опыт работы с reg.ru и timeweb.com. Могу посоветовать оба этих сервиса.
ГЛАВА 2 Верстка сайта
Всегда волнующий момент! Когда из ничего рождается что-то новое, интересное, уникальное, чего не было до этого. Обожаю это состояние!
Шаг 5.Добавление основных блоков
Самый оптимальный вариант для бесплатного сайта — это использовать шаблоны, которых в Тильде довольно много и можно выбрать для любого направления.
Как это сделать?
1. В первом окне спускаетесь вниз в подвал и выбираете раздел меню ШАБЛОНЫ
2. Из огромного списка выбираете нужный вам шаблон.
3. После выбора шаблона заходите в него и начинаете добавлять свои материалы.
Для этого находите слева вверху каждого блока кнопки НАСТРОЙКИ и КОНТЕНТ.
Из названия следует, что в НАСТРОЙКАХ вы можете задавать нужные вам параметры цвета, размера, отступов и другие индивидуальные настройки.
В разделе КОНТЕНТ вы будете добавлять вашу информацию и фото и видеоматериалы.
4 .Заходите по кнопке КОНТЕНТ и добавляете ваши фото.
5. Не забывайте после завершения всех действий в настройках или при добавлении контента нажимать кнопку СОХРАНИТЬ И ЗАКРЫТЬ
И еще один важный момент!
После каждого изменения в любом блоке ОБЯЗАТЕЛЬНО публиковать страницу. Для этого в правом верхнем углу нажимаете ОПУБЛИКОВАТЬ . После этого информация появится на сайте. Если не опубликовать страницу, все, что вы изменили, будет видно только вам.
После публикации страницы по появившейся ссылке можно пройти и посмотреть на получившийся сайт. И естественно, вам захочется внести новые изменения. Для этого повторяете предыдущие шаги столько раз, сколько нужно вносить изменения.
Бесплатный фрагмент закончился.
Купите книгу, чтобы продолжить чтение.
Источник: ridero.ru