Меню

Как создать сайт своими руками?

8 этапов создание сайта на Tilda Publishing своими руками. 


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

И визитка, и лендинг не содержат много информации. Оба типа сайтов призваны привлечь внимание к продукту за короткий промежуток времени. Обычно для изучения всей информации на сайте визитке и лендинге, достаточно потратить 10 - 15 минут. Разница между ними в том, что визитка – предоставляет посетителю информацию о вас, вашем проекте или продукте и как с вами связаться, а лендинг – призывает к определенному действию (купить билет, скачать приложение, подписаться на рассылку). 

К счастью для всех, сейчас не обязательно нанимать дизайнеров, разработчиков, технически подкованных людей (хотя немного технических познаний вам не помешает) чтобы соорудить такой сайт. На просторах интернета представлена большое количество сервисов, помогающих собрать лендиг или визитку за пару часов. 

 

Вот некоторые из них: 

services-tilda-publishing
 

Как показывают сайты сравнения, все эти конструкторы предлагают схожий функционал.  У меня был небольшой опыт работы с Tilda Publishing, о чём я и хочу вам рассказать, что, я надеюсь, поможет вам в будущем создавать свои лендинги без лишних трат. 
Мы разрабатывали мобильную игру под iOS и Android, для которой появилась необходимость создать небольшой сайт, с нужной информацией и ссылками на соответствующие маркеты. Т.к. все ресурсы на тот момент были заняты разработкой игры, я решил взять дело в свои руки. Так был создан лендинг игры Rebusta (www.rebusta.az). Далее, пошаговое описание моих действий. 
 

Подготовительная фаза


Этап 1: 
Зарегистрироваться на сайте www.tilda.cc – это самый простое, что можно сделать. Регистрация бесплатная. Даже большая часть функций и шаблонов доступны в бесплатной версии. 

Этап 2
Собрать примерную структуру сайта. Что вы хотите показать людям? Что вы хотите им рассказать? О каком действии попросите (купить, продать, подписаться и т.д.) 

В нашем случае структура была примерно такой: 


 - Шапка с логотипом и атрибутами игры
 - Скриншоты и привлекающий текст 
 - Ответ на вопрос – Что такое ребусы? 
 - Как решать ребусы и на что обращать внимание
 - Дополнительный полезный функционал игры 
 - Что может помочь в процессе (у нас есть прекрасный словарь www.bildilchin.az, в котором можно найти можно подсказок)
 - Призыв к действию (call to action) скачать игру с маркетов 
 - Подвал (footer) c ссылками на социальные сети компании 
Что-то добавлялось, что-то удалялось во время создания. 

Этап 3: 
Собрать заполнение сайта – тексты, слоганы, призывы к действию, фото и видео материалы, которые помогут больше привлечь внимание, что заставить пользователя остаться на вашем лендинге, до получения полной информации. 

В нашем случае это были тексты, слоганы, скриншоты и элементы игры с главными героями. 

Фаза заполнения 

Отлично. Мы подготовили материал и теперь готовы собрать его в запланированную структуру. 

Возвращаемся в Tilda

Этап 4
Попав в личный кабинет, у вас открывается пустая страница «Мои сайты», т.к. раньше мы ничего не создавали, так что не пугайтесь. 
 

Нажимаем на «Создать новый сайт»  

 

create-new-tilda-publishing

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

Этап 5:
Проект создан. Теперь надо создать первую страницу.  Нажимаем на «+ Создать новую страницу». 
Вам будет предложено создать страницу на основе готового шаблона или же пустую страницу, которую надо будет наполнять самому. 

Команда Tilda Publishing бережно и аккуратно разбила шаблоны по категориям: 

categories-tilda-publishing

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

Послание от разработчиков - «Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости используя блоки из нашей библиотеки.»
 

Этап 6:
Поздравляю, вы создали вашу первую страницу. Не пугайтесь, шаблоны построены таким образом, что каждый блок, кнопка, текст имеет своё описание. Вам остается только подставить свои значения. 
Наводя мышку на блок, страница отображает меню управления блоком. Что позволяет вам – удалять, добавлять, заменять, копировать, передвигать и изменять размеры блоков, изменять текст и фоновое изображение в блоке. 
Заполняем блоки необходимой информацией, не забывая периодически сохранять изменения. 
Не бойтесь играться с различными настройками, цветами, шрифтами, фоновыми картинками.  

Фаза публикации 


После того, вся необходимая информация заполнена, и вы довольны своим детищем, можно переходить к финальной фазе – Фазе публикации.

Этап 7: 
Перед первой публикацией вам необходимо подстроить несколько настроек. Для этого в созданном проекте переходим в «Настройки сайта»
 

settings-tilda-publishing

 

Тут добавляем описание сайта и Субдомен на Тильде. Последний будет служить вашим адресом. 
К сожалению, в бесплатной версии вы не сможете избавиться от приписки .tilda.ws в названии вашего адреса.  Так же вам не будут доступны расширенные функции для аналитики и SEO. Но для начала, этого будет достаточно. 


Этап 8: 
Мы в шаге от выпуска нашего «ребенка» во всемирную сеть. 


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


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

Вот и всё. Возможно вам сейчас сложно понять, что к чему. Главное не бояться экспериментировать и пробовать различные варианты. Добавляйте блоки, передвигайте их, заполняйте их важной информацией и смотрите какой вариант более подходит.
Так же вы всегда можете вдохновиться идеями посмотрев на примеры сайтов, созданных на Тильде по ссылке - https://tilda.cc/ru/inspire/ или дав поиск в гугле #madeontilda
Не забудьте посмотреть справочные материалы о том, как создавать страницы, как правильно настраивать сайт и всё, всё, всё, что поможет вам общаться с сервисом на Ты – http://help-ru.tilda.ws/getstarted
Так же на YouTube канале Tilda Publishing Russia есть различные видеоуроки и вебинары, проводимые мастерами своего дела. 

Надеюсь, эта статься вам была интересной и поможет вам сделать свои первые шаги в создании лендингов. 

Удачи!