Landing Page «Омега Ипотека»

Разработка лендинга для ипотечного брокера

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

Клиент Компания «Омега-Эстейт»

Отрасль Сопровождение ипотеки

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

Цели и задачи

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

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

Анализ конкурентов из ТОПа и контекстной рекламы

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

Подборка ипотечных программ

Предложения от банков-партнеров

Наполнение и подбор изображений

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

Результаты

За 2 недели были произведены все работы по анализу конкурентов, подготовке контента, верстке лендинга на CMS WordPress. Проект был выполнен «под ключ».

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

Анализ 20 конкурентов

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

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

Подбор эффективной структуры

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

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

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

Структура

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

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

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

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

Услуги — 2 комплексные целевые услуги

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

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

Партнеры — логотипы 73 банков-партнеров

Цифры и факты — 3 главных показателя

Программы — ипотечные программы по виду недвижимости

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

Кейсы и отзывы — сумма одобрения, тип ипотеки и текст отзыва

Услуги компании — 3 связанных доп. услуги

ПОД КАПОТОМ

Технологии

WordPress

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

WPBakery

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

Yoast SEO

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

Contact Form 7

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

HTML5

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

CSS3

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

Javascript

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

PHP

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

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

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

Этап №1 Анализ рынка

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

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

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

ЭТАП №1

Анализ рынка

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

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

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

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

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

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

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

ЭТАП №2

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

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

Разработка логотипа

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

ЭТАП №3

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

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

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

«Липкая» шапка — прикрепляется к верху страницы

Мобильное меню — адаптация для смартфона

Модальное окно с оформлением в стиле сайта

Настройка целей Яндекс.Метрики

Эффекты и анимация при прокрутке

ЭТАП №4

Сдача проекта

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

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

Тестирование функционала и работы лендинга

Подготовка инструкций для Клиента

Дальнейшее поддержание проекта и помощь в администрировании

Отзыв Клиента

«В сжатые сроки запустили для нашего агентства недвижимости несколько лендингов для презентации и приема заявок на продажу квартиры в жилых комплексах Сочи и Краснодара.»

Алексей Швецов, Омега эстейт

Проекты