Поселок Сыроежки

В 2017 году совместно с компанией «Нархозстрой» был начат грандиозный проект: строительство коттеджного поселка «Сыроежки» cо всеми коммуникациями и развитой инфраструктурой. Поселок расположен на популярном направлении — Рижское шоссе.

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

Смотреть сайт

Цели проекта

  • Создать яркий сайт для поселка Сыроежки
  • Создать интерактивную карту: при наведении на участок должен показываться его статус (куплен или свободен) и краткая информация о площади, этажности и цене.

Инструменты

Язык разметки HTML
CSS — каскадные таблицы стилей
Библиотека React
Язык программирования Ruby
Фреймворк Ruby on Rails
PostgreSQL — объектно-реляционная СУБД
Библиотека MobX
СУБД Redis
Figma
Adobe Photoshop
Язык программирования JavaScript
Библиотека MobX State Tree
Система сборки WebPack
Веб-сервер NGINX
SASS
Yarn

Адаптивный дизайн

Иконки

Коммуникации
Коммуникации
Материалы
Материалы
Дополнительные параметры
Дополнительные параметры

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

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

Каталог домов

Все дома поселка можно отфильтровать, как в интернет-магазине. Основные фильтры — сортировка по цене, этажность, цвет внешней отделки и наличие внутренней отделки. В карточке указана основная информация о доме: этажность, площадь, отделка и т.д.

Описание дома

Очень важно донести до потенциального покупателя максимум информации о доме и участке. Для того, чтобы текст легко воспринимался, мы разбили его на блоки, разбавив инфографикой и фотографиями. Все дома в поселке имеют схожие проекты, но различаются цветом внешней отделки так же, как и грибы сыроежки отличаются цветом шляпок. Именно поэтому поселок и получил такое название, а мы выбрали неординарные цвета.

О застройщике

История, миссия и ценности компании, которые разбиты по блокам, очень легко воспринимаются.

Ошибка 404

404 ошибка означает, что страница не найдена. Вместо нуля в изображении используется корзинка с сыроежками.