«ГрандСтрой» — девелоперская компания из Иркутска, которая специализируется на строительстве жилых многоэтажных домов комфорт- и бизнес-классов.
Действующий сайт компании устарел и больше не мог решать задачи клиента ни с точки зрения функциональности, ни с точки зрения дизайна.
Задача
Клиент пришел с запросом разработать новый информативный сайт застройщика, сделать интеграцию с CRM системой и базой данных MacroCRM, которая поможет актуализировать информацию по объектам на сайте.
Сайт должен был включать в себя интерактивные элементы, транслировать УТП застройщика и проектов. Каждый проект нужно было раскрыть в формате сторителлинга и построить повествование таким образом, чтобы пользователь погружался в контент от общего к частному.
Как решили
Основной сложностью было то, что у клиента не было фирменного стиля. Мы создавали дизайн сайта, используя референсы от клиента и фирменные цвета компании. Многие элементы придумывали по ходу разработки.
Вот что у нас получилось в итоге:
Показали проекты в формате сторителлинга
На главной странице показаны рендеры и общая информация о проектах. Если пользователь заинтересовался определенным проектом — он может перейти на страницу, которая подробно расскажет о расположении, социальной и коммерческой инфраструктуре, благоустройстве, концепции и квартирах.
Отрисовали удобную для восприятия карту
Лаконичные иконки разделены по цветам, чтобы пользователю было проще визуально ориентироваться среди интересующих мест: магазинов, школ, детских садов и других. А при наведении на конкретную иконку пользователь получает описание объекта.
Добавили калькулятор ипотеки
В этом блоке можно посмотреть все доступные способы покупки квартиры, ознакомиться с банками-партнерами и предварительно рассчитать стоимость ипотеки. Пользователю не нужно делать лишних кликов — вся необходимая информация собрана в одном месте.
Сделали дружелюбный дизайн
Дизайн получился чистым, дружелюбным, без лишних элементов — согласно трендам современных сайтов застройщика:
— анимированные кнопки; — спокойный белый цвет в основе и красный для акцентов; — скругленные углы блоков; — возможность выбора вида карточек для просмотра — списком или плиткой.
Анимировали блоки
Изначально пользователь видит только основную информацию, а если хочет узнать подробности — получает их при наведении курсора.
Кнопки двух видов подсказывают пользователю, как он сможет увидеть контент: при нажатии кнопки со стрелкой страница открывается в новом окне, при нажатии подсвеченной кнопки — блоки разворачиваются в текущем. Это нативная забота о пользователе.