3.Результативные шаги для создания сайта

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

1 шаг: Продумать структуру страницы

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

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

  1. Обязательно размещайте контактные данные в шапке и подвале.
  2. На первом экране должен быть оффер — одно-два предложения, которые дают понять куда попал пользователь и что здесь предлагают. Подготовьте изображение для фона.
  3. Далее рекомендую сразу показать категории товаров/услуг в виде карточек или списка.
  4. Следующим блоком можно вывести 4-6 популярных товара.
  5. Опишите свои достижения — конкретные цифры (сколько лет работаете, сколько клиентов…)
  6. Опишите преимущества и сильные стороны компании. Только не пишите про персонального менеджера и индивидуальный подход — это смешно и устарело. Опишите чем вы выделяетесь.
  7. Информация по ценам: в виде пакетов услуг, прайс-таблицы или прайса для скачивания.
  8. Покажите несколько примеров работ в виде фото или мини-кейсов.
  9. Отзывы только в виде скринов из других ресурсов, чатов, благодарственные письма.
  10. Блок вопрос-ответ: можно вписать ответы даже на очевидные ситуации (возврат, гарантии, частые вопросы…)
  11. Неплохо если покажете активную карту проезда к офису.
  12. Добавьте блок с контактной формой, показывая, что вы ждете вопросов и заказов.

2 шаг: Подготовить хостинг и wordpress

Звучит страшно, на деле просто и быстро. Вот что надо сделать:

Регистрация хостинга и домена.

Например, хостинг reg.ru имеет понятный личный кабинет. При регистрации вас попросят заполнить персональные данные. Не отказывайтесь — без этого ни один хостинг вас не впустит.

Установка wordpress силами хостинга.

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

Настроить админку и установить необходимые плагины

По умолчанию сайт работает и без доп.настроек. Точечные настройки можно выполнить позже.

Сразу установите плагины:

  • Cyr to Lat
  • YoastSeo (SEO-настройки)
  • Contact Forms 7 (контактные формы)

Остальные поставите по мере заполнения сайта.

Установить и настроить блочную тему.

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

3 шаг: Создание страницы в блочном редакторе.

Это самый креативный и трудоемкий этап. Здесь вы ощутите себя дизайнером и верстальщиком одновременно.

В блочном редакторе создайте секции, которые продумали на шаге 1.

4 шаг: Финальные работы.

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

Поздравляю! Ваш сайт готов. Можете сдавать проек заказчику.

Сайт который у вас получится по данной технологии в веб-студиях стоит от 50 000 рублей. С учетом переговоров и правок от заказчика вы потратите на него не более 10-14 дней по 2 часа ежедневно.