Разработка сайта строительной компании АльфаСтройКомплекс
Информационная архитектура
Основное внимание при проектировании сайта направленно на создание удобного инструмента для покупателя.
Было проведено исследование для выявления ключевых интересов людей находящихся в поиске нового жилья.
Как выбирают квартиры? Что важно при выборе? На какие детали обратить внимание?
Ответы на эти вопросы позволили сформировать главную страницу, ориентированную на продажи в максимально комфортной среде.
В основное меню вынесены пункты, который наиболее интересны посетителю, и направлены на подачу информации и совершение сделки.
Вспомогательные пункты собраны на суб–леере — дополнительном слое где можно увидеть полную карту сайта.
Таким образом на любую целевую страницу сайта можно попасть в 2 клика, независимо от местонахождения пользователя на сайте.
Фильтр поиска квартир
Чтобы совершить покупку — пользователь должен её найти, и наша задача дать ему максимально комфортный инструмент для этого.
Весь сайт "заточен" вокруг удобного подбора квартир всеми возможными способами.
На первом экране главной страницы размещён динамический фильтр, который закрывает потребности большей части покупателей
с первых секунд нахождения на сайте. В первую очередь мы разделили недвижимость на 3 группы: жилую, коммерческую и земельные участки.
Для каждого типа были выявлены свои параметры фильтра.
Значение фильтра по умолчанию — жильё. Можно подобрать квартиру по цене, по типу, по ЖК,
или использовать любую комбинацию этих переменных.
Карта жилых комплексов
Второй скролл главной страницы расширяет возможности поиска квартиры.
Интерактивная карта даёт возможность подобрать будущее жильё по местоположению, или по названию ЖК.
Не покидая страницу можно увидеть базовую информацию по всем объектам на мини–карточке.
Карточки ЖК
Третий способ выбора квартиры по названию ЖК расположен ниже.
Визуальная сетка составленная из изображений жилых комплексов. Этот блок выполняет 2 функции: выбор квартиры по ЖК,
и отображение всех объектов компании.
На карточках выводится основная информация о комплексе, а при наведении курсора — дополнительная.
Карта объектов
Страница объектов — ключевой элемент сайта.
Любой вариант поиска квартиры приводит пользователя на эту страницу.
В зависимости от предыдущих действий внешний вид страницы будет разным.
В блоке фильтра подставляется то значение, которое выбрал пользователь.
Если это подбор по цене, то на этой странице в левой части отобразятся квартиры, а в правой — карта с ЖК в которых доступны эти квартиры.
При выборе на главной странице ЖК — на этой странице будут показаны квартиры, а в правой инфраструктура этого ЖК.
На эту страницу можно также попасть выбрав соответствующий пункт меню "Объекты".
В этом случае посетитель увидит карту со всеми ЖК и квартирами.
Дальнейший выбор можно продолжить задав дополнительные параметры в фильтре, с расширенными функциями.
Страница объекта
Для посадочных страниц ЖК был разработан унифицированный шаблон.
Эти страницы представляют из себя мини сайт, с отдельной структурой.
Основное меню сайта меняется для предоставления актуальной информации по текущему объекту.
Посетитель, попав на такую страницу из поиска, получает полноценный сайт посвящённый тому ЖК,
в котором его интересуют квартиры. При этом основное меню сайта доступно на дополнительном слое.
На самой странице вся информация посвящена исключительно текущему объекту: акции, предложения, квартиры.
Мини лого
Не все объекты строительства имеют свой фирменный стиль.
Для решения проблемы единообразного отображения был разработан мини–гайд по оформлению логотипов ЖК.
Специальные иконки жилых комплексов для отображения на персональных страницах и картах.
Планировки
Страница с планировками содержит "шахматку" с доступными квартирами в данном ЖК и расширенный фильтр.
В "шахматке" можно видеть доступные/проданные/зарезервированные квартиры а также количество комнат и этаж.
При наведении на доступную к продаже квартиру открывается поп-ап с мини-планировкой и информацией о выбранной квартире.
При нажатии — переход на страницу карточки квартиры.
Ход строительства
С этим разделом у застройщиков традиционная боль. Сборище фотографий с непонятной сортировкой и, как правило, низкого качества.
В результате — довольно блеклый раздел.
Для решения этой проблемы были разработаны цветовые плашки для отделения месяцев строительства.
Цвет каждой плашки менялся в зависимости от сезона: зима, весна, лето, осень. Это позволило визуально структурировать галерею.
Дополнительный оверлей на фото исправил ситуацию с разношёрстностью и общим качеством фотографий.
Анимация интерактивных элементов
Взаимодействие с кнопками, фотографиями контактов, формами — тщательно анимированы.
Это добавляет большую динамику и повышает информативность моментального отклика от действий пользователя.
Плавные переходы, параллакс эффекты — всё это добавляет приятных эмоций при работе с сайтом.
Мелкие детали, которым уделяется достаточно внимания, повышают общую картину удовлетворённости взаимодействия с сайтом
и, следовательно, добавляют очки лояльности к самой компании и её предложениям.
Адрес сайта: https://ask-yug.com/
Подробнее об услуге СОЗДАНИЕ САЙТА
