AllAdvertising.ru
Лучшие работы рекламных агентств
Размещение на сайте
Контакты редакции
AllAdvertising — Рейтинг рекламного рынка России
Ресурс №1
по подбору
рекламного
агентства

Портфолио: обзор проекта

Разработка сайта для жилого комплекса «Белый остров» — агентство Bquadro

Последнее обновление: 11.11.2021


Интернет-агентство Bquadro создало сайт с динамичной анимацией для нового объекта от компании «Базис-СПб».

Bquadro: Разработка сайта для жилого комплекса «Белый остров»

Работа агентства «Bquadro»
Интернет-агентство BQUADRO занимается созданием брендов, разработкой сложных веб-проектов и продвижением компаний в digital — от разработки логотипа и современного сайта до планирования рекламных кампаний и комплексных решений для крупного бизнеса.

Жилой комплекс «Белый остров» расположен в Санкт-Петербурге на Белоостровской улице, в реконструируемой локации с развитой транспортной, развивающейся социальной, торговой и развлекательной инфраструктурой.

Евгения Ружицкая, руководитель отдела продаж «Базис-СПб»:
    «Белый остров» — уединенное, но не обособленное пространство. Это место защищенности и комфорта в новом развивающемся районе.
Перед агентством Bquadro стояла задача — создать эффектный сайт для презентации жилого комплекса и продажи квартир.

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

Bquadro сотрудничает с компанией «Базис-СПб» не в первый раз, и ранее реализовали сайт для ЖК «Neva-Neva». Как и в прошлый раз, агентство ставило перед собой задачу — сделать проект, который будет производить WOW-эффект.

В основе концепции продвижения ЖК «Белый остров» — идея об уютном, высокотехнологичном и экологичном месте.

Много внимания уделяется не только инфраструктуре, но и экологичности — дом возведен по международным стандартам экологического строительства LEED.

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

Основная целевая аудитория сайта — частные лица, заинтересованные в приобретении квартиры в жилом комплексе бизнес-класса. При этом, они заботятся об экологии, экономят своё время и их необходимо впечатлить.

Специалисты агентства решили создать интересную графику и реализовали горизонтальную прокрутку для главной страницы — это нестандартное решение, которое привлекает внимание.

Такой подход помогает создать нужный нам WOW-эффект и ощущение, как будто пользователь листает журнал, откинувшись в кресле бизнес-класса самолёта.

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



Александр, технический директор Bquadro:
    «3D-эффект меню — наша гордость. При нажатии на него, текущий экран со всем содержимым и анимацией превращается в повернутый прямоугольник внутри экрана. Выглядит очень эффектно!»


Мария, fullstack-разработчик:
    «Мы сделали три варианта горизонтального скролла, чтобы добиться идеального сочетания работы разных устройств прокрутки. Иногда я просыпалась среди ночи с новыми идеями и бежала их реализовывать! Настолько была вдохновлена проектом».
Главная страница

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

Bquadro - Веб-разработка и дизайн сайтов

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

Александр, технический директор:
    «Самое сложное было адаптировать главную страницу под разные браузеры.

    Для того, чтобы пользователю было легко ориентироваться на странице — добавили прогрессбар внизу страницы.

    Также, мы не забыли про внутренние страницы. Они поддерживают концепцию полного экрана, делая сайт изящным, без пустых белых полей.

    Причем, большая часть работы пришлась на время карантина. Команда трудилась над сайтом удаленно, но посмотрите, какой результат!

    Это действительно — новый опыт
    ».
Анимация

Весь сайт построен с использованием динамичной анимации, которая помогает поддержать идею «сайта-журнала» и, в то же время, подчеркивает эргономичность жилого комплекса.

Выбор квартиры

Выбрать квартиру на сайте «Белого острова» можно двумя способами: визуальный поиск и подбор по параметрам.

Достаточно навести курсор на интересующий этаж и пользователь сразу переходит на страницу этого этажа. При наведении на конкретную секцию, система покажет, сколько квартир свободно прямо сейчас.

Визуальный поиск

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







Александр, технический директор:
    «За время работы над проектом мы обработали десятки рендеров, добавляя для них визуальных выбор.

    Это было не просто, но благодаря командной работе с клиентом, справились довольно быстро.

    Отдельное спасибо за качественные макеты планировок этажей, квартир с мебелью и без мебели, в том числе в формате SVG
    ».
Подбор по параметрам

Разработчики реализовали фильтр с основными характеристиками: корпус, количество комнат, этаж, площадь, а также добавили номер квартиры.

Результат выводится плиткой или таблицей (отображение настраивается по желанию). Дополнительно отображается план квартиры.

Интеграции

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

Также, реализовали модуль выгрузки в XML по стандартам Яндекс.Недвижимости и ДомКлик и теперь все квартиры можно найти на известных площадках недвижимости.

Карточка квартиры

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

Посмотреть планировку можно как с мебелью, без мебели, так и на этаже. Здесь же указана минимальная стоимость квартиры в ЖК.

Если пользователь ещё не решился на покупку, он может добавить квартиру в «Избранное» или скачать планировку в формате pdf.



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



Мария, fullstack-разработчик:
    «Обратите внимание, горизонтальная прокрутка работает при стандартном поведении мыши. Страницу удобно смотреть на любом экране, используя разные средства для прокрутки страницы — от мыши до тач-экрана.

    При этом, картинки на главной странице плавно двигаются в противоположном от прокрутки направлении. Это придает объём общей картине и в целом, делает сайт ещё более живым!
    »
Шрифт



Итог

Вся проектная команда со стороны заказчика, включая руководство и партнеров восторженно отозвались о реализованном сайте. Заказчик поблагодарил Bquadro за проделанную работу.

На данный момент агентство продолжает развивать сайт.

Веб-разработка и дизайн сайтов

Bquadro
Выполнено в компании Bquadro

Контактная информация:
Телефон: +7 (812) 507-88-28
E-mail: info@bquadro.ru


Electric Brand Consultants

Брендинговое агентство Electric Brand Consultants



ТОП-10 Брендинговые агентства
  1. Depot Москва
  2. Mildberry Москва
  3. KIAN Новосибирск
  4. Coruna Branding Санкт-Петербург
  5. Volga Volga Санкт-Петербург
  6. Direct Design Москва
  7. Tomatdesign Москва
  8. Ruport Краснодар
  9. OTVETDESIGN Санкт-Петербург
  10. Wellhead Москва



ТОП-10 Креативные агентства
  1. Восход Москва
  2. BBDO Moscow Москва
  3. McCann Moscow Москва
  4. CreativePeople Москва
  5. Instinct Москва
  6. VMLY&R Moscow Москва
  7. Leo Burnett Moscow Москва
  8. POSSIBLE Group Москва
  9. MullenLowe Moscow Москва
  10. KIAN Новосибирск


ТОП-10 Студии веб-дизайна
  1. CreativePeople Москва
  2. JetStyle Екатеринбург
  3. POSSIBLE Group Москва
  4. AIC Москва
  5. Nectarin Москва
  6. DEFA Москва
  7. Студия Артемия Лебедева Москва
  8. Progressive Media Москва
  9. Heads & Hands Санкт-Петербург
  10. Catzwolf Digital Москва


 Новости и события
Конференции и конкурсы
Результаты Red Apple 2021

BE: PR Conference 2021

TECH WEEK

Disrupt Marketing Conference

Хэллоумаркетинг: день страшных digital-историй

Интересные статьи
Фестиваль Golden Drum объявил победителей 2021 года

Рейтинг агентств контекстной рекламы России

Лучшие агентства в области событийного маркетинга в 2021 году

Итоги рейтинга НР2К 2021

Рейтинг медиаагентств и медиахолдингов в 2021 году

Обзоры технологий
Insight People

EpicStars

Marilyn

Продуктовые съёмки и зачем они нужны

Quiet Media


 Весь каталог агентств по видам услуг
Комплекс услуг: Планирование и размещение: Digital: Брендинг, дизайн и продакшн: Промо-активности: Производство рекламы и оформление пространств:

Агентства полного цикла | Брендинг | Упаковка | Фирменный стиль | Нейминг | Креативные агентства | Копирайт | Дизайн графический | Веб-дизайн | Интернет-реклама | Мобильный маркетинг | Реклама в социальных сетях | BTL агентства | Мерчандайзинг | Оформление мест продаж POS | Event-management | PR агентства | Маркетинговые исследования | Медиабайеры | Стратегическое планирование | Медиаселлеры | Реклама на ТВ | Наружная реклама | Реклама на транспорте | Indoor | Цифровые экраны | Витрины и вывески | Реклама на радио | Реклама в прессе | Дополненная реальность | Нестандартные носители | Интернет-технологии | 3D графика и анимация | Видео-продакшн | Вирусная реклама | Аудио-продакшн | Полиграфическое производство | Сувенирная продукция | Фотостудии

FMCG   Автомобили   Банки и финансовые услуги   Бытовая техника   Здоровье и красота   Издательские дома   Компьютеры и электроника   Логистика, курьерские службы   Недвижимость   Образование   Промышленные производства   Ритейлеры, торговые сети   Слабоалкогольные напитки   Спортивные товары, фитнесс-центры   Страховые компании   Телевидение, радио и кино   Телекоммуникации, операторы связи   Туристические операторы, перевозчики, авиакомпании   Фармацевтика и медицинские услуги   Электронная коммерция, интернет-сервисы, софт  


AllAdvertising Информация
об издании
Контакты
редакции
Участие
в рейтинге
Размещение
рекламы
Продвижение услуг рекламных агентств и дизайн-студий
AllAdvertising предлагает одновременное участие в обновленных рейтингах и каталоге, размещение кейсов и статей, обзоров и пресс-релизов.