Landing Page «Basis»

Разработка лендинга для строительной компании

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

Клиент Компания «Basis»

Отрасль Строительство

Сайт #

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

Цели и задачи

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

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

Техническое задание от Клиента

Корпоративный стиль

Подборка выполненных объектов

Инфографика развития

Каталог собственной техники

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

Результаты

За 5 дней были произведены все работы по подготовке контента и верстке лендинга на CMS WordPress. Далее планируется расширение до корпоративного сайта.

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

2 прототипа лендинга

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

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

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

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

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

КАРТА РАЗДЕЛОВ

Структура

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

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

Первый экран (обложка) — УТП (уникальное торговое предложение)

Преимущества — 4 ключевых преимущества

Услуги — 6 направлений деятельности

Техника — каталог оборудования

Парк автомобилей — состав и описание парка

Производственная база — список имеющихся мощностей

Инфографика — диаграмма объектов по годам

Проекты — выполненные проекты с описанием

Гарантии — 4 гарантии выполнения обязательств

Отзывы и логотипы — текст отзыва, благодарности, партнеры

Награды — о компании и коллаж полученных наград

Команда — фото, имя, должность, цитата

Контакты — карта и все контакты

ПОД КАПОТОМ

Технологии

WordPress

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

WPBakery

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

Yoast SEO

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

Contact Form 7

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

HTML5

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

CSS3

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

Javascript

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

PHP

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

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

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

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

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

Этап №3 Сдача проекта

ЭТАП №1

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

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

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

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

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

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

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

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

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

Цветовая палитра

ЭТАП №2

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

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

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

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

Дополнительная информация по услугам (карточки услуг переворачиваются)

Функциональные карусели для многих элементов

Инфографика в виде столбчатой диаграммы

Проекты с цифровыми показателями для оценки маштаба

Отзывы дополнены версиями на бланке и логотипами

Первая версия