Осваиваем конструктор tilda: делаем сайт-визитку с нуля

Кто такой дизайнер сайтов на Тильде

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

Во-вторых, сегодня есть множество вебинаров и курсов, которые помогают освоить новую профессию веб-дизайнера. 

Понимание функционала Тильды – это важно, но недостаточно. Чтобы создавать хороший продукт, необходимо иметь специфические навыки

Дизайнер Тильды должен уметь: 

• Создавать удобные для пользователя интерфейсы – нужны навыки UX-дизайна;

• Работать с популярными визуальными редакторами: Photoshop, CorelDraw и т.д.;

• Проводить A/B-тестирования сайтов;

• Применять знания по интернет-маркетингу и теорию цвета; 

• Знать технические ограничения платформы, чтобы четко понимать, какой проект реально создать на Тильде, а какой – нет.

Настраиваем заголовок

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

Чтобы увидеть все элементы, из которых можно собирать страницу, нажимаем на «Все блоки»:

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

Неважно, что там написано больше, чем нам нужно — лишнее мы удалим или скроем. Допустим, мы решили, что самый первый заголовок (TL01) нам подходит, поэтому нажимаем на него, и он сразу попадает на страницу:

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

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

Осталось настроить размер и положение текста как на уже готовой HTML-странице. Для этого сначала выделяем текст и с помощью инструментов, которые появляются на верхней панели, делаем заголовку нужный размер и выравниваем по левому краю:

Но у нас остались большие отступы слева и сверху, их тоже нужно поправить. Нажимаем кнопку «Настройки» возле заголовка и в появившемся меню настраиваем размеры отступов и нажимаем «Сохранить и закрыть»:

Какие такие конструкторы

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

Блоки можно настроить по вкусу, но в целом они ограничены по возможностям. Зато их не нужно программировать: в большинстве конструкторов всё происходит в режиме drag’n’drop. Это значит, что достаточно выбрать блок, перетащить его на нужное место, вписать текст, вбросить картинку, и всё — блок работает. В итоге мы жертвуем гибкостью и возможностями настройки ради того, чтобы делать сайты было просто.

В этой статье мы будем использовать конструктор «Тильда». У него «этажная» архитектура: каждый блок — это этаж, поставить блок слева и справа нельзя. Но зато мы получаем полную адаптивность: каждый элемент хорошо выглядит на любом экране.

Основные возможности Tilda

Блоки Tilda. Как мы уже сказали, пользователь собирает сайт из блоков. Каждый из них отображает на странице определенный элемент: фрагмент текста, форму для ввода данных, иллюстрацию, видео, отзывы, контакты и так далее. Добавив блок, можно настроить его расположение на странице, внутренний контент, функции и внешний вид.

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

Инструменты для интернет-продаж. В конструкторе можно создать сайт для приема денег через популярные платежные системы. Такой вариант подойдет, например, для заработка на вебинарах. Более того, система позволяет собрать полноценный магазин с карточками товаров. Заказы будут отображаться во встроенной CRM прямо в личном кабинете Tilda.

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

SEO-инструменты. Вы можете оптимизировать сайты для продвижения в поисковых системах. Tilda позволяет прописывать мета-теги, выбирать теги заголовков, настраивать URL страниц, а также проверять отображение в поисковиках с помощью интеграций с Google Search и «Яндекс.Вебмастер». При желании сайт можно сделать невидимым для поисковых систем.

Аналитика. Вы можете следить за посещаемостью и поведением пользователей на сайте. Конструктор отображает такие показатели, как число посетителей и просмотров, конверсии, количество заходов с мобильных устройств, процент дочитывания страниц, число заявок и так далее. Для более подробной аналитики можно подключать сторонние системы Google Analytics и «Яндекс.Метрику».

Редактор Zero Block. Если шаблонов и стандартных инструментов для изменения блоков не хватит для ваших задач, можете воспользоваться продвинутым редактором Zero Block. Он предоставляет почти неограниченную свободу для управления внешним видом страниц. С его помощью можно редактировать текст, картинки и прочие элементы дизайна с точностью до пикселя. Это позволит вам создать по-настоящему уникальный сайт.

Что такое Tilda

Tilda
или «Тильда» — конструктор сайтов: лендингов, визиток, корпоративных
порталов и так далее. В нём можно создать любой веб-ресурс без знаний,
кода буквально за полчаса. Всё настраивается мышкой и клавиатурой, а
результат впечатляет — конструктор используют даже крупные компании.

Лендинг банка «Точка» тоже сделан на Tilda

Создание сайтов на «Тильде» проще, чем разработка на обычных CMS.
Чтобы получить стандартный веб-ресурс, нужно заказать его разработку у
программиста, привлечь дизайнера, SEO-оптимизатора и других
диджитал-специалистов. А в конструкторе можно сделать всё самому.

Основные преимущества Tilda:

• не нужно знаний кода — сайт соберёт и человек, далёкий от программирования;
• можно изменить всё в любой момент: сделать редизайн, поменять заголовок, удалить ненужные блоки;
• всё включено для SEO — не нужно устанавливать плагины, метатеги можно прописывать прямо в настройках страницы;
• лёгкая интеграция с другими сервисами — можно подключить почтовые
  рассылки, системы аналитики, приём онлайн-платежей и многое другое.

У Tilda есть больше 480 шаблонов для разных сайтов, готовая
интеграция с 12 сервисами для лендингов, интеграция с другими
веб-ресурсами через API и многое другое.

Предусмотрено несколько тарифов: один бесплатный, два платных. На
бесплатном функции ограничены, можно создать 1 сайт до 50 страниц. На
платном Personal доступны 1 сайт, более 50 страниц, подключение своего
домена, полная коллекция блоков. На платном Business всё то же самое, но
можно создавать до 5 сайтов и экспортировать исходный код. Цена
начинается от 500 рублей.

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

Шаг 5. Отредактируйте и настройте нужные блоки

Когда вы выделяете любой блок, слева над ним появляются три пункта меню.

Настройка визуального образа блока

Первый прямоугольник — своеобразный адрес, помогает сориентироваться и понять, из какого раздела взят блок и какой у него номер. Буквы означают название раздела, а номер — каким по счёту он там находится.

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

Если меняете блок, установите ползунок на «Сохранять контент при переключении», иначе вам придётся вставлять свои тексты и картинки заново.

Настройки элементов блока

Во втором разделе настроек вы можете установить цвет фона, кнопок, отцентровать элементы по-другому, подправить расстояния между элементами, изменить размер картинок, и, наконец, переделать блок в зеро-блок (настраиваемый с нуля). Зеро-блок — история не для новичков, поэтому не будем о нём в этой статье.

Внимание, содержимое настроек зависит от использованных элементов: картинок, кнопок, колонок, текста. Поэтому в разных блоках настройки разные

Это нормально.

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

Настройка контента

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

Загрузка картинок

Чтобы поменять картинку, нужно нажать кнопку «Загрузить файл».

Процедура привычная: появится всплывающее окно, в котором вы откроете нужный файл на компьютере.

Другой вариант: открыть папку с изображениями на компьютере и перетащить нужное в окно Тильды.

Создание кнопки на Тильде

Чтобы создать кнопку на сайте, надо выбрать отдельный блок «Кнопка» в подразделе «Кнопки и формы». Или использовать готовый блок из какого-нибудь шаблона. Обычно это указано в описании блока.

Чтобы кнопка работала, её тоже нужно настроить.

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

Во-вторых, надо настроить, куда кнопка будет вести. В поле «Ссылка кнопки», надо прописать URL — адрес нужной страницы.

Вариантов тут два:

1. Вставить адрес любой страницы в интернете. Тогда нажатие на кнопку будет переносить пользователя на другой сайт. Рекомендую всегда ставить галочку «В новом окне», тогда пользователь откроет нужную страницу в браузере и не закроет при этом ваш сайт.
2. Вы можете вставлять в кнопку другие страницы своего сайта или блоки текущей страницы.

• «Выбрать страницу» — Тильда предложит список ваших уже созданных страниц, и вы сможете указать нужную.
• «Выбрать блок» — вы окажетесь в редакторе страницы и сможете прокруткой вверх-вниз выбрать нужное место, не уходя с неё. У каждого блока есть свой уникальный номер, так что не волнуйтесь, кнопка будет вести, куда надо.

Редактирование текста в Тильде

Практически в каждом блоке есть какой-нибудь текст, то поверх картинки, то в виде цитаты или отзыва. Чисто текстовые блоки можно найти в подразделе «Текстовый блок».

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

Но честно говоря, удобнее редактировать текст в редакторе контента.

Чтобы изменения сохранились, снова нажимайте «Сохранить и закрыть», если вы закончили редактировать этот блок, или «Сохранить», если вы хотите ещё с ним поработать. Редактировать блоки можно неограниченное количество раз.

Шаг 3. Отредактируйте настройки страницы на Тильде

Если навести курсор на название, станут видны три кнопки: «Настройки», «Публиковать» и «Удалить». Сейчас вам нужна первая — с настройками.

Это очень важно — корректно заполнить настройки страницы. То, что здесь написано, будет видеть пользователь, когда вы опубликуете где-нибудь ссылку

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

Заголовок и описание страницы

Заполните «Главное».

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

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

Адрес страницы — то, как будет выглядеть ссылка на страницу. Если заголовок и описание нужно делать на русском, то ссылка должна быть латиницей.

Заполните эти поля по образцу:

Бейджик

В окне следующей вкладке можно задать изображение проекта.

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

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

Другие вкладки

Быстро расскажу, что в остальных вкладках.

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

Экспорт — нужен, если вы хотите куда-то перенести свой сайт, например на Вордпресс. Доступен только на тарифе “Бизнес”.

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

Дополнительно — тут вы можете снять страницу с публикации, поменять дату создания страницы, поставить пароль (только на платном тарифе).

Каждый раз, создавая новую страницу, первым делом редактируйте её настройки.

Коллажи и бренд-дизайн от брендингового агентства Шишки

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

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

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

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

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

Автор курса: Михаил Шишкин — дизайнер, основатель и креативный директор брендингового агентства SHISHKI, куратор направления «Дизайн» в школе интерактивных коммуникаций» ИКРА

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

Объем курса: 6 модулей, 6 практических заданий и итоговый проект

Стоимость: от 4 000 ₽

Фишка: осваиваете полный процесс создания бренд-дизайна: от исследования до бренд-концепции под руководством наставника из международного брендингового агентства.

Изучить курс: https://controforma.school/brandingself 

Как отредактировать зеро-блок

Вообще для редактирования зеро-блока нужны навыки программирования, знание html и английского — русского меню нет. Но поменять текст, фотографию и фон вы сумеете, и не обладая этими навыками.

Выделите в блоке нужные для редактирования части.

• Для начала можно поменять цвет блока, это BG Color.
• Или вставить свою фотографию на фон — это Upload File.

Чтобы сменить фотографию, выделите шаблонную картинку. Нажмите Upload file. Меню справа изменится, это нормально. У каждой части этого блока своё меню.

Чтобы изменить текст, выделите исходный и вместо него напишите свой.

Чтобы изменить кнопку, выделите её и справа в меню найдите строки «Capton» — это название кнопки, и URL — сюда надо вставить ссылку, если c кнопки надо куда-то надо перейти.

Если кнопка не нужна, её можно просто удалить.

Я поставила ссылку на страницу компании, которую мы создавали в прошлой статье.

Типографика для веб-дизайнеров

Здесь практика работы со шрифтами в вебе: подбор шрифта с характером, настройка иерархии. Хорошая тренировка чутья на шрифты. Повышает смелость в подборе подходящих шрифтов для проекта.

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

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

Автор курса: Филипп Нуруллин. Веб-дизайнер, шрифтовой дизайнер. Основной профиль работ — сайты с крепкой типографикой и внимательная работа с контентом. Уверен, что хорошая типографика — 80% любого проекта. Основатель студии patat.me.

Для кого: Курс для веб-дизайнеров, а также для тех, кто готов уделять пристальное внимание типографике как одному из инструментов решения задач. Для тех, кто хочет сделать свой дизайн более выразительным, используя меньшее количество элементов. . Объем курса: 4 модуля и 16 видеоуроков

Объем курса: 4 модуля и 16 видеоуроков

Стоимость: 3 500 ₽

Фишка: Культура работы со шрифтами от профессионального шрифтового дизайнера

Изучить курс: https://controforma.school/webself

Что сделать, чтобы лендинг работал

На самом деле сделать надо не так уж и много. Можно начать с малого —
выбрать структуру, соответствующую вашему бизнесу. В шаблонах Tilda уже
есть подсказки, можно просто следовать им.

Изучите свою целевую аудиторию перед тем, как создавать лендинг.
Узнайте, сколько им лет, чем занимаются, какие цвета любят, какие
термины не хотят видеть. И пишите понятный текст для конкретных людей:
тогда он «выстрелит».

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

Важно составить её так, чтобы потенциальный
покупатель понял свою выгоду от покупки. Чаще всего в структуре
используют:

• оффер — главное предложение выгоды на первом экране;
• боли — рассказ о проблеме клиента, предложение вашего продукта в качестве решения;
• подробный рассказ о продукте — что входит в обучение, что ученик
  получит после, сколько длится курс, какой будет программа и так далее;
• преимущества компании — почему стоит учиться именно у вас, какие бонусы можете предложить;
• отзывы, желательно достоверные, со ссылками на самих учеников, чтобы посетители сайта могли проверить информацию;
• формы обратной связи, кнопки «записаться на обучение», «получить курс» и другие;
• FAQ — ответы на распространённые вопросы пользователей.

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

Правильная структура — ещё не всё. Лендинг должен внушать доверие.
Поэтому пишите правду — не стоит приукрашивать реальность, особенно если
всё перечисленное вами можно легко проверить. А ещё не усложняйте
восприятие — пишите коротко, понятно и ёмко.

• Откажитесь от качественных прилагательных «красивый», «быстро»,
  «качественно» — понятие привлекательности, скорости, качества у каждого
  своё. Лучше дайте измеримые характеристики.
• Не используйте штампы типа «высококвалифицированных
  специалистов», «динамично развивающейся команды». Лучше расскажите,
  какой реально опыт у преподавателей.
• Используйте факты. Расскажите, сколько заработали ваши
  ученики, какие награды вы получили. Если нечем похвастаться — подробно
  расскажите о том, как проходит обучение.
• Правильно оформляйте текст — это улучшает его восприятие.
  Используйте списки, подзаголовки, выделение жирным, другие способы
  форматирования там, где это уместно.

Ваш лендинг должен быть простым, понятным и серьёзным. Тогда он будет работать хорошо.

Шаг 4. Сконструируйте страницу сайта

Страницы Тильды состоят из универсальных блоков типа «картинки», «текст», «колонки». На момент написания статьи доступно более 450 разных блоков. И из них, как из кубиков лего, создаётся сайт.

Честно говоря, в бесплатной версии можно использовать едва ли 1/10 возможностей Тильды. Большинство блоков недоступны. Но можно в течении двух недель протестировать платную версию.

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

Где расположены блоки Тильды

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

Другой вариант — найти в конце страницы чёрный прямоугольник и нажать на него.

Для удобства пользователей они сгруппированы в подразделы.

Тильда – что это такое?

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

Какие же проекты можно создавать на Тильде? Абсолютно любые, это могут быть:

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

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

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

Где искать заказы на разработку сайтов

Есть несколько основных источников заказов. Воспользовавшись ими, можно выйти на стабильный ежемесячный доход.

Биржи фриланса. Это основной источник для новичков. Здесь множество простых и малобюджетных заявок, которые отлично подходят для получения опыта и наработки портфолио. Вот некоторые из бирж: Freelance.Ru, Kwork.Ru, FL.Ru. Конкуренция на них достаточно высокая, однако и заказов много, поэтому работы хватит на всех, а если вы предложите более низкую цену – то наверняка получите свои первые заказы. После того как наработаете портфолио и хорошую репутацию, искать клиентов станет проще. 

Сайты с вакансиями. Здесь может быть два метода поиска клиентов: смотреть вакансии на поиск веб-дизайнера или собирать базу предпринимателей, чтобы рассылать им коммерческое предложение. Второй метод менее эффективен, но все-таки и его нужно иметь в виду. Примеры таких сайтов: HH.ru, RosRabota.Ru, Zarplata.Ru и т.д.

Группа ВК Тильды. Сейчас в ней состоит более 50 тыс. пользователей. В нее заходят не только веб-дизайнеры, но и потенциальные заказчики. 

Ваш сайт, блог, аккаунт в соцсетях. Вы можете вести свой интернет-ресурс и продвигать его. Если это сайт, то поможет контекстная реклама Яндекс и Google. Если это соцсети – таргетированная реклама. 

Тематические группы ВК

Обратите внимание на группы, посвященные малому бизнесу. Там собираются индивидуальные предприниматели

Многие из них даже не задумывались о создании сайта. Расскажите им о пользе ресурса и предложите готовое решение.

Сарафанное радио — лучший источник клиентов. А для этого потребуется качественно выполнять заказы. Не стесняйтесь просить клиентов рассказать о вас или оставить отзыв о вашей работе. 

Рекомендации с образовательных курсов. Некоторые специалисты, которые обучают веб-дизайну на платформе Тильда, могут помогать своим выпускникам находить первые заказы. Это нераспространенная практика, но все-таки подобные истории случаются. 

Tilda Expert. Это раздел на самом сайте Тильда представляет собой каталог дизайнеров и систему заказов, позволяющую исполнителю и заказчику найти друг друга. Вы можете зарегистрироваться в Тильде экспертом, создать свое портфолио и управлять им. Плюс заключается в том, что сервис не берет комиссию  и проценты. Когда вы регистрируетесь как тильда-эксперт и выкладываете свое портфолио, ваш профиль оценивается специалистами по пятибалльной шкале. Например, вы получаете 4 балла. Далее вам доступны проекты с той ценой, которые отвечают требованиям к специалистам с 4 баллами. Чем выше оценка – тем дороже и сложнее проекты. К системе подключается ранжирование, поэтому новичку сложнее получить заказ таким образом. Однако попробовать стоит.

Как начать зарабатывать на создании сайтов

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

Шаг 1. Определяем специализацию

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

После этого определитесь с целевой аудиторией. 

Шаг 2. Получаем навыки и опыт

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

Шаг 3. Собираем портфолио

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

Шаг 5. Развиваемся и зарабатываем больше

Развивайтесь как специалист, работайте на перспективу – и тогда сможете зарабатывать больше. Осваивайте новые навыки, расширяйте специализацию. Веб-дизайнеру будет полезно разобраться в написании текстов, SEO, интернет-маркетинге, веб-аналитике.

И, конечно, не забывайте о повышении своих услуг. Чем больше опыта и навыков, положительных отзывов, работ в портфолио – тем выше стоимость услуг. Выходите на новый уровень, беритесь за сложные и высокобюджетные проекты – и сможете в разы увеличить свой доход. 

Несколько советов тем, кто хочет зарабатывать на Тильде

1. Для начала обязательно ознакомьтесь с обучающим материалом, который представляет сама платформа. Есть как полезные статьи, так и видео-уроки (раздел «Обучение»). Можете пройти дальнейшее обучение – и подобрать курс по веб-дизайну, чтобы разобраться в нюансах работы с Тильдой. 

2. Тренируйте насмотренность, смотрите на сайты от крутых веб-дизайнеров, вдохновляйтесь. Можно подписаться на инстаграмы: @tildapublishing, @interfacely, @dailywebdesign

3. Создайте хорошее портфолио с качественными работы по той специализации, в которой планируете развиваться. Выберите 5-10 проектов. Не стоит показывать все работы – как правило, заказчик оценивает уровень специалиста по самому слабому проекту. Если только начинаете путь веб-дизайнера, сделайте 3-5 бесплатных проектов, но с полной свободой, чтобы показать свой уровень. 

4. На Тильде есть партнерская программа – ее суть в том, что вам дается специальная ссылка, по которой регистрируется другой пользователь. Когда он впервые вносит оплату за тариф, то платформа дарит месяц бесплатного пользования и вам, и рефералу. Это выгодно использовать, когда делаешь сайты на заказ и регистрируешь аккаунт заказчика. 

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

6. Ведите базу клиентов, которым сделали проект. Через 3-4 года возвращайтесь с предложением сделать редизайн. Во-первых, многим за это время может наскучить внешний вид ресурса. Во-вторых, дизайн сайта может устареть. 

Чек-лист перед стартом первого курса

Перед тем как начинать курс по Tilda, еще раз проверьте себя по трем параметрам:

1. Какой комплексный проект будем делать на курсе (нестандартный стильный сайт, анимация, адаптив), а не какие кнопки нажмем за X уроков;
2. Сколько стоит получить первый опыт в новом проекте:поделите стоимость курса на количество уникальных проектов;
3. Свежесть дизайн-задачи в ТЗ. Вы наверняка видели, куда движется глобальный рынок, видели эти топовые и прокачанные по дизайнерской части проекты с мягкими анимациями, характером и выразительными композициями, примеру, cruuunchify.com. Поэтому выбирайте трепетно: если чуете, что дизайн вам не заходит, то просто возьмите на заметку, что идете не топ курс по Тильде изучать, а просто за статусом в резюме.