«МегаСтрой»

Задача:  Разработать логику и дизайн для сайта строительной компании.

Проектирование
Дизайн сайта
Клиент: «МегаСтрой»
Отрасль: Строительство
Дата выпуска: 15 Июля 2016

Основной вид деятельности компании «МегаСтрой» — выполнение подрядных работ в сфере строительства объектов жилого назначения и коммерческой недвижимости. Компания работает на строительном рынке Пензы 14 лет и успешно реализовала более 40 проектов.

Сайт в разработке

Фирстиль компании МегаСтрой

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

Делаем первую дизайн-концепцию и презентуем клиенту.

Каждый раздел сайта — отдельный слайд

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

Проектирование фильтра поиска по сайту

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

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

Проектирование фильтра подбора квартиры

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

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

Баннеры для сайта

Наглядно и ясно

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

Дизайн страницы жилых комплексов

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

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

Проектирование фильтра подбора квартиры

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

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

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

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

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

Дизайн страницы жилого комплекса

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

Продумываем анимацию и поведение элементов на странице.

Анимация блока «Описание комплекса»

Анимация блока «Описание комплекса»

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

Дизайн страниц для раздела коммерческая недвижимость

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

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

Дизайн страницы услуг

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

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

Дизайн страницы о компании

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

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

Дизайн страницы о компании

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

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

Дизайн личного кабинета

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

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

Дизайн сайта компании «МегаСтрой»