Привет! Решил ввести новую рубрику. Буду рассказывать вам о преображении/создании проектов, которыми занимаюсь совместно с агентством CEDRO. В этом разделе поделюсь своим опытом, покажу конкретные примеры формирования от А до Я.

Итак, сегодня речь пойдет о разработке сайта для крупного петербургского застройщика «Трест-36» https://www.36trest.ru/:

Кратко

  • Сайт: https://www.36trest.ru/.
  • Тематика: Недвижимость.
  • Регион: Санкт-Петербург.
  • Реализация: 1С Битрикс.
  • Дата релиза: июнь 2020.
  • Командная группа: менеджер, арт директор, дизайнер, верстальщик, программист.
  • Затраченное время: 320 часов.

Страницы проекта

  • Главная — https://www.36trest.ru/.
  • ЖК общая — https://www.36trest.ru/kvartiry-v-novostroikah/.
  • ЖК карточка — https://www.36trest.ru/kvartiry-v-novostroikah/amster/.
  • Квартиры — https://www.36trest.ru/flat_search/.
  • Новости общая — https://www.36trest.ru/shareholders/.
  • Новости материал — https://www.36trest.ru/shareholders/v_kolomyagakh_postroili_shest_taunkhausov/.
  • Контакты — https://www.36trest.ru/contacts/.
  • О компании — https://www.36trest.ru/zastroichik-sankt-peterburga/.

Изначально (с 2019 года) сопровождали старый сайт. Так как конкуренты оживили свои проекты, мы предложили своей компании тоже идти в ногу со временем. Мы проанализировали потребности потенциальных клиентов, выявили проблемные места сайта, установили задачи и приступили к работе. Ниже вы можете ознакомиться с целями и проблемами, которые нужно было решить:

Рис.1 Задачи и пути их решения

Дизайн

Дизайн мы выполнили с стиле «Баухаус», который относится к немецкому архитектурному течению. Отличительными чертами этого направления являются строгость, наличие геометрических форм и отсутствие отвлекающих деталей.
Руководствуясь этими правилами мы создали минималистичный, многофункциональный веб-сайт с микроанимациями и UX.

Рис.2 Главная страница компании «Трест-36»
Рис.3 Описание преимуществ компании
Рис.4 Функционал

На главной странице мы дали краткую информацию о компании, ниже описали ее преимущества. Далее расположили выбор квартир.
Сделали удобным использование функционала. Теперь квартирные схемы можно листать вправо/влево, устанавливать комфортную цену, желаемую площадь, ЖК, количество комнат.

Проработка функционала

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

Рис. 5 Список ЖК
Рис.6 ЖК на карте
Рис.7 Описание ЖК

Далее мы сделали ипотечный калькулятор. Теперь пользователи могут выбрать жилье с настройками фильтров и изучать рендеры недвижимости. Также калькулятор рассчитывает кредит согласно ставкам банков-партнеров компании.

Рис.8 Ипотечный калькулятор
Рис.9 Ипотечная ставка у банков-партнеров

Мобильная версия

Мобильную и десктопную версии мы разработали по собственной модульной сетке с использованием технологии Responsive. Теперь обладатели смартфонов и планшетов могут использовать такой же функционал сайта, как и пользователи ПК.

Заключение

В большинстве случаев застройщики заказывают отдельные сайты для продвижения новой недвижимости. Наша команда решила создать самостоятельную систему по их сборке внутри основного ресурса для «Трест-36». Это гораздо удобнее. Каждый лендинг формировался в едином стиле на основе структуры нового ресурса.