Landing Page «MosDveri24»

Разработка лендинга для раздела «Металлические двери»

Тип Лендинг пейдж

Клиент Компания «МосДвери24»

Отрасль Продажа дверей

КРАТКО О ПРОЕКТЕ

Цели и задачи

Разработать посадочную страницу для продажи входных металлических дверей. Лендинг должен быть максимально информативен и адаптирован для привлечения трафика из рекламы на Яндекс.Директ и SEO-продвижения.

Особенности:

Анализ ниши и прототип

Адаптация стиля по существующий интернет-магазин

Удобная хаб-страница с переходом по подразделам

Подборки самых популярных моделей дверей

ИТОГИ ПРОЕКТА

Результаты

За 2 недели были произведены все работы по подготовке контента и верстке лендинга на CMS WordPress. Далее планируется разработка похожих лендингов по другим разделам.

Объем выполненных задач:

Анализ сайтов-конкурентов

Лендинг из 18 блоков

Сбор контента и наполнение

Шапка и подвал

Прототипирование и верстка

Разработка и настройка

СОДЕРЖИМОЕ ЛЕНДИНГА

Структура

После получения информации была определена оптимальная структура лендинга. После утверждения прототипа и контента была сделана верстка лендинга на WordPress.

Структура страницы:

Слайдер с переход в главные категории

Популярные категории дверей

Подборка популярных моделей дверей

Акции и скидки (замеры и установка)

Подборка дверей по минимальной цене

Популярные серии дверей

Подборка дверей со сменными панелями

Категории дверей с различными панелями

Особенности конструкции дверей

СТА (Призыв к действию) — подбор дверей

Категории дверей по назначению

Промо-видео популярных моделей дверей

О производстве — преимущества и цифры

Фото установленных дверей по категориям

Комплектующие и аксессуары

6 ключевых преимуществ

Форма заявки

Ссылки на связанные категории

ПОД КАПОТОМ

Технологии

WordPress

Система управления сайтом

WPBakery

Визуальный конструктор страниц

Yoast SEO

Модуль для SEO-оптимизации

Contact Form 7

Модуль контактных форм

HTML5

Язык разметки веб-страниц

CSS3

Язык таблицы стилей для оформления

Javascript

Язык интерактивных элементов

PHP

Язык серверных компонентов

Этапы проекта

Процесс работы над проектом

Этап №1 Подготовка к разработке

Этап №2 Верстка лендинга

Этап №3 Запуск проекта

ЭТАП №1

Подготовка к разработке

Было проведено интервью с Клиентом, мы выяснили требования и ожидания к проекту — по внешнему виду и содержанию лендинга.

Для проекта была использована цветовая гамма на основе фирменного стиля компании. Активная цветовая палитра, светлый фон и классический стиль. Яркие акценты были расставлены с помощью цветных баннеров и оформленного фото-контента.

Основные задачи этапа:

Анализ потребностей и задач

Анализ рынка по выдаче Яндекса — 20 конкурентов (ТОП и директ)

Отбор идей по контенту и дизайну (референсы)

Анализ пожеланий по дизайну и оформлению

Подготовка к разработке (настройка окружения)

Палитра и шрифты

ЭТАП №2

Верстка лендинга

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

Особенности:

Удобные переходы в связанные разделы

Подборки популярных товаров по категория

Акции и скидки в виде баннеров

Инфографика конструктивных особенностей дверей

Промо-видео актуальных моделей

Фото с производства и инфографика компании

Авто-попап (всплывающее окно) через 30 секунд просмотра страницы

Дизайн и верстка лендинга

После согласования прототипа и сбора необходимого контента началась верстка лендинга на CMS WordPress с поддержкой визуального конструктора WPbakery Page Builder.