Разработка сайта недвижимости МК Элит

Полностью обновить сайт компании. Сделать его эффектным, современным. Добавить анимации и интересных переходов.

Что сделано:

— Разработка современного дизайна с анимациями, интересными переходами и ховерами

— Адаптивная вёрстка

— Натяжка на фреймворк Yii2 php-framework

Постановка целей

Заказчик пришёл к нам с уже давно работающим сайтом. Мир Квартир — одна из крупнейших риэлторских компаний в Санкт-Петербурге, а Первый Бутик элитной недвижимости — проект Мира Квартир по продаже очень дорогих объектов. Сайт для такой “особенной” ниши должен быть соответствующий. По этому, перед нами стояла следующая цель: разработать сайт с интересным и премиальным дизайном, эффектами и понятной структурой.

Концепция дизайна

В дизайне сайта мы вдохновлялись видами вечернего и ночного Санкт-Петербурга. Как все знаю, погода в северной столице оставляет желать лучшего, и по настоящему город раскрывается по вечерам. По этому, чтобы сохранить правильный дух Санкт-Петербурга, подать его “дорого”, мы решили использовать на сайте только фотографии вечернего города. А цветовые оттенки выполнить в тёмных цветах с элементами теплого желтого и оранжевого.

Структура сайта

Перед нами уже был работающий сайт заказчика. Несмотря на то, что сайту было уже много лет, и Заказчик успешно работал с этим сайтом, структура сайта была крайне запутанной. Часто происходит так, что при долгой эксплуатации сайта и частой смене Администраторов, сайт превращается в кашу. Нашей задачей было четко структурировать разделы сайта, так чтобы впервые попавший на сайт пользователь мог быстро сориентироваться. Мы изучили каждую страницу сайта, откинули ненужные и сформировали 3 группы страниц, так чтобы логистика сайта была на 100% понятна.

Главная страница

При работе было выбрано несколько ключевых страниц. Первая — главная страница сайта. Мы определились с тем что главная страница должна сразу же задавать стилистику сайта, презентовать саму компанию, дать доступ к объектам доступным для покупки, а также показать основные удобства выбора объектов именно на нашем сайте. Главный экран мы заполнили презентационным видео, сделали интересную анимацию переходов при скроллинге и во взаимодействии с мелкими элементами.

Страница объекта

Мы предложили, а Заказчик поддержал, следующую идею. Пользователь приходит на сайт чтобы смотреть объекты, получать как можно больше информации о каждом. А значит, ключевым рычагом для нас будет плотная проработка страницы объекта. Мы предложили страницу каждого объекта сделать как самостоятельный Landing page, продающий этот объект. Не просто “сухое” описание, а информативная презентация. Изюминкой на торте, стал блок с презентацией самого дома. Так как элитная недвижимость в Санкт-Петербурге в большей степени это исторические дома и особенности архитектуры. Так, мы сделали страницу объекта на наш взгляд самой интересной из всех сайтов посвященных недвижимости.

Презентация компании

Компания Первый Бутик элитной недвижимости очень титулованная компания. И это нельзя было обойти стороной. Мы решили оформить отдельную страницы с регалиями компании. На сайте есть страница “О компании”, но сделать интересную страницу с дипломами и наградами было очень важно. И мы сделали её в формате Timeline. Анимация “ведёт” пользователя, показывая какие награды компания получала и чего добилась.