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