3.Результативные шаги для создания сайта
С фундаментальными основами разобрались. Переходим к техническим. Сейчас вы узнаете какие конкретные шаги нужно выполнить чтобы запустить лендинг.
1 шаг: Продумать структуру страницы
Это аналог технического задания. Делается в самом начале! Создавая структуру, сразу накидывайте текст заголовков секций и примерный контент. Этот шаг научит вас создавать прототипы.
Я подготовил список универсальных коммерческих секций которые подходят под любую нишу. Выберите какие из них подходят под ваш проект. Добавьте свои уникальные секции.
- Обязательно размещайте контактные данные в шапке и подвале.
- На первом экране должен быть оффер — одно-два предложения, которые дают понять куда попал пользователь и что здесь предлагают. Подготовьте изображение для фона.
- Далее рекомендую сразу показать категории товаров/услуг в виде карточек или списка.
- Следующим блоком можно вывести 4-6 популярных товара.
- Опишите свои достижения — конкретные цифры (сколько лет работаете, сколько клиентов…)
- Опишите преимущества и сильные стороны компании. Только не пишите про персонального менеджера и индивидуальный подход — это смешно и устарело. Опишите чем вы выделяетесь.
- Информация по ценам: в виде пакетов услуг, прайс-таблицы или прайса для скачивания.
- Покажите несколько примеров работ в виде фото или мини-кейсов.
- Отзывы только в виде скринов из других ресурсов, чатов, благодарственные письма.
- Блок вопрос-ответ: можно вписать ответы даже на очевидные ситуации (возврат, гарантии, частые вопросы…)
- Неплохо если покажете активную карту проезда к офису.
- Добавьте блок с контактной формой, показывая, что вы ждете вопросов и заказов.
2 шаг: Подготовить хостинг и wordpress
Звучит страшно, на деле просто и быстро. Вот что надо сделать:
Регистрация хостинга и домена.
Например, хостинг reg.ru имеет понятный личный кабинет. При регистрации вас попросят заполнить персональные данные. Не отказывайтесь — без этого ни один хостинг вас не впустит.
Установка wordpress силами хостинга.
В панели управления хостингом есть целый раздел для установки разных cms. Выбираете wordpress, придумываете логин и пароль к сайту, через минуту вордпресс готов.
Настроить админку и установить необходимые плагины
По умолчанию сайт работает и без доп.настроек. Точечные настройки можно выполнить позже.
Сразу установите плагины:
- Cyr to Lat
- YoastSeo (SEO-настройки)
- Contact Forms 7 (контактные формы)
Остальные поставите по мере заполнения сайта.
Установить и настроить блочную тему.
Попробуйте бесплатную тему Astra. В ней уже выставлены оптимальные настройки. Ничего докручивать не нужно.
3 шаг: Создание страницы в блочном редакторе.
Это самый креативный и трудоемкий этап. Здесь вы ощутите себя дизайнером и верстальщиком одновременно.
В блочном редакторе создайте секции, которые продумали на шаге 1.
4 шаг: Финальные работы.
Создайте страницу для политики обработки персональных данных (для этого в админке есть раздел «Страницы»). Создайте меню со ссылками на нужные секции лендинга (также есть специальный раздел для меню).
Поздравляю! Ваш сайт готов. Можете сдавать проек заказчику.
Сайт который у вас получится по данной технологии в веб-студиях стоит от 50 000 рублей. С учетом переговоров и правок от заказчика вы потратите на него не более 10-14 дней по 2 часа ежедневно.
