Корпоративный сайт БЦ Сенатор

Клиент

Компания «Сенатор» предлагает аренду офисных помещений в исторической части Санкт-Петербурга с 2003 года. Все бизнес-центры компании А и В класса, отвечают европейским стандартам качества.

К нам обратились за комплексным проектом по проектированию, дизайну и разработке нового сайта «Сенатор». Ключевой задачей было создать современный адаптивный сайт с большим количеством качественных фотографий высокого разрешения и оптимизировать скорость работы сайта.

Композитный сайт

Изображений на сайте очень много: фотографии бизнес-центров,  офисов, и т.д. Кроме того, на сайте представлены интерактивные векторные планировки. Чтобы при таких объемах фотографий и графики скорость загрузки страниц не падала, мы решили сделать сайт композитным.

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

Для ускорения загрузки самих изображений использовали сеть доставки и дистрибуции контента (cdn) и сжатие фотографий средствами php.

Мгновенный отклик сайта

Контент сайта сразу доступен для работы и прочтения. Время отклика композитного сайта составляет всего 1-2 миллисекунды, что в 100 раз быстрее скорости отклика стандартного динамического сайта.

Множественная фильтрация

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

Интерактивные планировки

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

Функционал интерактивных планировок значительно уменьшает количество вопросов и сокращает время принятия решения по аренде.

Микро-анимации

Работать с сайтом легко и приятно, – важные действия сопровождаются ненавязчивыми микро-анимациями.

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

Адаптивный дизайн был проработан очень детально: на сложных страницах ввели до 6 брейкпоинтов.