Реклама ООО Таймвэб
Реклама ООО Таймвэб
Реклама ООО Таймвэб

Как создать сайт для маркетолога

Обсудить
Как создать сайт для маркетолога

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

Как работать в таких сервисах и создать сайт для маркетолога – поговорим в сегодняшней статье.

Шаг 1: Подбираем референсы

Чтобы создать уникальный и запоминающийся сайт, стоит всегда использовать референсы. Чаще всего используется от 3 до 5 референсов – этого достаточно, чтобы определиться со стилем.

Набор референсов может выглядеть как изображения главных экранов:

Примеры референсов в веб-дизайне

Либо как полноформатная лента в Pinterest:

Лента пинов в Pinterest

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

Найти референсы можно на различных сервисах:

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

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Подписаться

Шаг 2: Создаем сайт для маркетолога

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

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

Давайте приступим к созданию сайта для маркетолога:

  1. Первым делом зарегистрируемся на сервисе. Здесь мы можем пойти двумя путями – создать учетную запись сразу на главной странице либо через страницу «Шаблоны сайтов» выбрать нужный шаблон и затем пройти регистрацию. Разницы как таковой нет, но если выбрать шаблон, то можно сразу же приступить к его редактированию. Давайте так и поступим – выберем шаблон для маркетологов и начнем его настраивать под себя. Для этого открываем шаблоны сайтов и вводим запрос «Маркетолог», затем нажимаем «Выбрать шаблон».Шаблон для маркетолога в конструкторе Craftum
  2. Вводим имя и почту для регистрации учетной записи и нажимаем «Создать сайт».Окно регистрации в конструкторе Craftum
  3. Готово! Теперь мы находимся в редакторе сайта. По сути, сайт уже готов, необходимо только подстроить каждый из блоков под себя. Давайте начнем с первого экрана – поменяем заголовок, подзаголовок, изображение, а также изменим цвет кнопки. Чтобы поменять весь текст, достаточно по нему кликнуть и ввести свои данные.Редактирование блока в конструкторе Craftum
  4. Заголовок, как правило, рассказывает, что здесь происходит, а подзаголовок уже раскрывает суть заголовка. В шаблоне так и указано – интернет-маркетолог, занимающийся контекстной рекламой. Что-то в этом духе может выглядеть так:Как сделать сайт для маркетолога в конструкторе Craftum
  5. Поменять фотографию можно в настройках блока, которые открываются через кнопку «Настроить» в верхнем правом углу. Кликаем по ней и во вкладке «Контент» нажимаем на блок «Изображение».Как изменить картинку в блоке Craftum
  6. Здесь мы можем как загрузить собственную фотографию, так и выбрать вариант из галереи конструктора во вкладке «Изображение». В нашем случае, конечно, подойдет только один вариант – со своего компьютера, так как на личном сайте лучше всего размещать фотографию самого себя, чтобы клиенты видели, чей это сайт. Для этого просто перемещаем фотографию в поле и жмем «Вставить изображение».Как добавить свою фотографию в блок в Craftum
  7. Теперь давайте перейдем к дизайн-части. Каждый из блоков мы можем редактировать – изменять шрифт, его размер, цвет кнопок и другие элементы, которые есть в блоке. Для примера давайте поменяем цвет кнопки – сделаем ее темно-бирюзовой. Сделать это можно в настройках блока во вкладке «Дизайн» -> «Кнопка №1».Дизайн блока в конструкторе Craftum
  8. Также вы можете удалить вторую кнопку, если она будет вам не нужна. Для этого во вкладке «Контент» -> «Кнопка №2» достаточно стареть ее текст.Как удалить кнопку в блоке Craftum
  9. На этом я закончу редактирование первого экрана и пойду дальше – расскажу об интересной функции «Дизайн блок». Вы же можете еще немного поиграться с настройками и добиться наилучшего результата.
  10. Дизайн-блок – это про уникальность. Если в шаблонном блоке мы ограничены действиями, то в дизайн-блоке можно делать что угодно. Например, перемещать кнопку, куда нам нужно, добавлять различные дизайн-элементы и прочее. Чтобы добавить такой блок, сначала нужно навести курсор мыши между двумя блоками и кликнуть по кнопке в виде плюсика.Как добавить новый блок в конструкторе Craftum
  11. Таким образом, перед нами открывается библиотека блоков. Дизайн-блок находится в самом верху списка:Как добавить дизайн блок в конструкторе Craftum
  12. После выбора блока мы сразу же попадаем в окно его редактирования. Давайте из этого блока сделаем блок «О себе». Расскажем в нескольких пунктах, кто мы есть и почему с нами выгодно работать. Для начала удалим все содержимое – выделяем для этого все элементы с зажатой клавишей «Shift» и нажимаем «Delete».Как удалить все элементы в дизайн блоке Craftum
  13. Также давайте удалим фоновое изображение – для этого открываем настройки блока и нажимаем на крестик в разделе «Фон».Как удалить фоновое изображение в конструкторе Craftum
  14. Перед нами отображается чистый холст. Давайте добавим в него несколько текстовых блоков. Для этого нажимаем на плюсик в верхнем левом углу и выбираем элемент «Текст».Как добавить текст в дизайн блок Craftum
  15. Вставляем нужный текст и редактируем его! Все очень просто.
  16. Мы проработали десктопную версию сайта, которая корректно отображается на компьютерах. Чтобы страница хорошо отображалась и на мобильных устройствах, необходимо ее также отредактировать. Сделать это можно с помощью кнопок переключения экранов. В адаптации нет ничего сложного – нужно сделать так, чтобы все элементы блока корректно отображались на телефонах и планшетах. Для этого достаточно их уменьшить и правильно расположить.

Вот так создается любой сайт в конструкторе Craftum. Вы можете конструировать его как с помощью шаблонных решений, так и полностью через дизайн-блоки. Старайтесь придерживаться общей стилистики – используйте один шрифт для заголовков и один шрифт для основного текста. Не используйте больше 3 цветов и следите, чтобы текст везде был одинакового размера. Например, если заголовок второго уровня на главной странице у вас 48px, то он должен быть одинаковым везде.

Как только сайт будет закончен, потребуется его опубликовать – как это сделать, рассмотрим далее.

Шаг 3: Публикуем сайт

Опубликовать сайт в Крафтуме крайне просто:

  1. Сначала в верхней правой части надо нажать на кнопку «Опубликовать».Как опубликовать сайт в конструкторе Craftum
  2. Затем ввести название страницы и нажать «Опубликовать» еще раз.Публикация сайта Craftum
  3. Поздравляю! Вы создали первый сайт и опубликовали его. Как открыть созданный сайт Craftum
  4. Теперь в браузере открывается созданный нами сайт:Сайт для маркетолога на конструкторе

Обратите внимание на то, что созданный сайт публикуется на техническом доменном имени типа «co1249189397.tmweb.ru». Вы можете установить свой уникальный домен, например irinamarketing.ru. Подробнее о том, как это сделать, вы можете узнать в чате конструктора.

Сегодня мы сделали сайт для маркетолога на базе Craftum. Как оказалось, создать лендинг – это несложная задача, нужно лишь разобраться в функционале и следовать единому стилю.

Наши постоянные авторы и читатели делятся лайфхаками, основанными на личном опыте. Полная свобода самовыражения.

Комментарии

С помощью соцсетей
У меня нет аккаунта Зарегистрироваться
С помощью соцсетей
У меня уже есть аккаунт Войти
Инструкции по восстановлению пароля высланы на Ваш адрес электронной почты.
Пожалуйста, укажите email вашего аккаунта
Ваш баланс 10 ТК
1 ТК = 1 ₽
О том, как заработать и потратить Таймкарму, читайте в этой статье
Чтобы потратить Таймкарму, зарегистрируйтесь на нашем сайте