Аспэк-Домстрой
что мы сделали
клиент
АСПЭК-Домстрой — девелоперская компания
Главный застройщик
Удмуртии
АСПЭК-Домстрой — одна из самых известных и активно развивающихся девелоперских фирм на рынке Удмуртской Республики. За 18 лет компанией успешно реализовано множество проектов. Это жилые дома, трц, автосалоны, микрорайон и эко-квартал.
В ближайшее время команда выходит за пределы домашнего региона. Это потребовало от бренда таких изменений в визуальном образе, которые позволяют сохранить узнаваемость компании, но помогают заявить о себе, как о крупном игроке рынка. К нам «АСПЭК» обратился за разработкой корпоративного сайта.
Сайт как экосистема
Вместе с командой клиента мы стремились создать не просто сайт, а целую экосистему, где пользователю можно узнать обо всех проектах застройщика, его миссии, компетенциях, подобрать квартиру и рассчитать ипотеку, посмотреть актуальные акции, получить советы по ремонту квартиры и посмотреть ход строительства своего дома.
Дизайн и фирменный стиль
Дизайн сайта мы задумали минималистичным. Он основан на простых и лаконичных формах. В дизайне использовали корпоративные цвета и шрифты компании. Это решение помогло создать атмосферу порядка, все детали на своем месте.
У нас есть около 8 секунд чтобы заинтересовать пользователя, поэтому нам было важно, чтобы сайт был компактным, а каждый блок выражал суть без излишеств.
Значительно доработали техническое задание клиента, а всю необходимую визуальную документацию подготовили в UI-kit — руководство пользования стилями и анимацией.
Стэк технологий
Важной задачей для нашего отдела разработки было создать сайт застройщика на базе нового движка. Отключиться от Profitbase и убрать все то, что может тормозить загрузку.
Фронтенд решили построить на React.js + Nuxt.js. Скорость работы интерфейса значительно быстрее, чем на аналогичных платформах. Фреймворк позволил оптимизировать калькулятор и карты, а также увеличить скорость загрузки.
Для бэкенда использовали стек Python + Django. Фреймворк позволил собрать максимально гибкую и удобную административную панель для комфортной работы контент-менеджера.
Интерактивный генплан проекта
Это один из самых сложных и важных модулей сайта. Генплан состоит из нескольких уровней глубины визуализации карты проекта: квартал, дом, секция, этаж. Посетитель наглядно видит на карте все детали застройки. Может легко понять где и как располагается объект. Кликнув на интерактивные элементы он выбрает дом, секцию и этаж, а затем из генплана мы ведем его в квартиру.
Проработали 32 ключевых страницы
В этом проекте мы отрисовали много типовых страниц. Перечислим самые важные: калькулятор подбора недвижимости (параметрический фильтр), выбор объекта на генплане, способы покупки, ипотечный калькулятор, компания, новости.
Ключевые модули и фильтры проектов застройщика: расположение кварталов, домов и квартир на карте/генплане, блок инфраструктуры объекта, добавление в избранное и сравнение квартир, коммерческой недвижимости, паркинга, кладовых.
Технические страницы: доска компонентов, UI-kit (руководство), формы обратной связи, страница 404, политика, куки.
Фильтр подбора недвижимости и калькулятор
Самым важным элементом сайта застройщика безусловно является параметрический фильтр подбора недвижимости. Понимая это, мы ответственно подошли к сборке и тестированию такого параметрического фильтра, вместе с клиентом отработали много разных вариантов и путей наилучшего решения задачи.
В итоге калькулятор получился максимально простым, адаптивным к разным ситуациям, которые мог вызвать пользователь. Многократное тестирование показало: посетители сайта получили интуитивно понятный инструмент выбора квадратных метров.
А еще мы сделали крутой ипотечный калькулятор, напрямую связанный с фильтром по недвижимости.
Адаптировали сайт для мобильных устройств
Ставка на мобильный траффик с сайта
Большая часть пользователей использует мобильные устройства, поэтому особое внимание мы уделили созданию удобной мобильной версии сайта. Также разработали адаптацию и для старых телефонов с разрешением в 360 px, потому что их доля в общем мобильном трафике еще высока.
Значительно переработали дизайн страниц и модулей для телефонов и планшетов, учитывая их небольшой экран. Например: параметрический фильтр подбора недвижимости поместили под кнопку, нажав которую мы откроем его в отдельном модальном окне. Карточки проектов разместили в одну колонку и скрыли в них второстепенные параметры. Преимущества проектов и квартир скомпоновали в горизонтальный скролл.
Что у нас получилось
Итогом нашей полугодовой совместной работы с командой «Аспэк» стал новый корпоративный сайт. Сайт вырос в экосистему, обзавелся удобными фичами и стал по-настоящему быстрым, а дизайн-код ярко подчеркнул корпоративный стиль.
Сайт девелопера призван стать основным каналом взаимодействия с клиентами и индустрией в целом. Через сайт застройщик будет продавать недвижимость, рассказывать о своих проектах, отражать миссию и стратегию развития.
Сайт работает уже достаточно времени и со слов клиента успешно решает задачи как бизнеса, так и пользователя. В частности, пользователи перестали жаловаться на сложности с поиском необходимой информации.
Сайт dom.aspec.ru