Корпоративный сайт крупнейшей в Санкт-Петербурге сети бизнес-центров «Сенатор»

Главное о кейсе

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

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


------
We achieved instant website response rate which is approx. 1-2 milliseconds фтв 100 times faster than response rate of the regular dynamic site.
Users love interactive floor-by-floor plannings that enormously decrease the number of questions and make it easier to find the right place for rent.
We carefully worked to bring the responsive design to the project: some complex pages have up to six breakpoints.
The design of the website is light and handy – every important action on the pages is supported by subtle micro animations.

Бизнес-задача и ее решение

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

Решение:

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

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

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

-----

Challenges:
To renew design according to modern trends and business goals.
To make website responsive to work well on any type of device.
To optimize the operation speed of the website taking in mind the huge number of qualified photos in high resolution.

Solution:

To make site run fast even with huge amount of photos and graphics we decided to go with composite option. Every page is divided in two parts: static and dynamic. Static part is stored in cash and is shown momentarily, while dynamic one is loaded in the background and stored in browser for future website openings.

To speed up the loading time of the pictures itself we used cdn network of content delivery and distribution together with php options for photos compression.

Every business center together with photos is presented with floor-by-floor interactive plannings. Users can take online tours around the free offices.

Прочая информация о кейсе

Проектирование, дизайн, разработка и оптимизация скорости работы адаптивного корпоративного сайта крупнейшей в Санкт-Петербурге сети бизнес-центров «Сенатор».

-----

Optimization, redesign and development of responsive corporate website for Senator business centers chain, the biggest one in Saint-Petersburg.

Скриншоты