Работу начинаем с изучения фирстиля компании

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

Согласовано!

Приступаем к основному разделу сайта — «Продажа квартир»,  работу начинаем с проектирования фильтра по подбору квартир. Изучаем популярные сайты по поиску недвижимости, анализируем, рисуем.

Только самые главные параметры

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

Изучаем все текущие жилые комплексы компании, для удобства поиска нужных домов вводим систему тэгов. Собираем страницу из разработанных модулей.

Страница выбора жилого комплекса

 Проектируем форму «Запрос на покупку»: предлагаем заказчику использовать реальные фотографии своих менеджеров.

Лицом к клиенту

Переходим к странице жилого комплекса. Собираем все материалы которые появляются по ходу работы: видео и фотографии с объектов, планировки, проектную документацию. 

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

Процесс бронирования квартиры

Собираем страницу жилого комплекса.

 

Страница жилого комплекса

Переходим к разработке раздела «Коммерческая недвижимость».

 Максимально просто и доступно

Приступаем к разработке раздела «Услуги» — cобираем данные у заказчика, структурируем информацию, расставляем акценты. Т.к. контента совсем немного, располагаем его на одной странице в виде «аккордеона».

 

Страница услуг

Собираем интересные факты о компании.

 

Компания в цифрах

 Отрисовываем страницу «Контакты».

Ничего лишнего

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

 Вход в личный кабинет

Описываем анимацию и поведение элементов на сайте, передаем макеты на верстку.