сеть апарт-отелей BWZH

О проекте

BWZH — это сеть апарт-отелей, созданная группой компаний ФСК

Она появилась после того, как ФСК приобрела франшизу международной сети апартов.

Их аудитория — не туристы и не долгосрочные арендаторы, а скорее люди, которые только начинают свою самостоятельную жизнь.

Обычно это молодежь (~25 лет), недавно приехавшая в город: кто-то ищет работу, кто-то — временное жилье, а кто-то просто еще не определился с планами. Среди них есть командированные, молодые семьи и те, кто пока не готов к полноценной аренде.

Задача проекта

Изначально проект был частью европейской франшизы с готовым брендбуком

Но после 2022 года BWZH стали полностью самостоятельными.

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

Вера

CEO Студии

Что было не так с технической частью

Первые сложности мы заметили еще на этапе технической поддержки

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

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

Михаил

СТО

Важный нюанс про ЦА, который влияет на весь дизайн

Решение о бронировании апартаментов нередко принимает не сам гость, а кто-то за него — родители, родственники, работодатель

Поэтому мы ориентировались сразу на две аудитории: молодых жильцов «в поиске» и тех, кто оплачивает проживание.

Нужно было найти баланс — сделать стиль понятным и спокойным для взрослых, но визуально — живым, современным, ближе к тем самым 25-летним, которые только начинают обживаться в новом городе.

Визуальная концепция и эмоции

На этапе визуальной концепции мы перебрали разные варианты — от энергичных до более сдержанных

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

Егор

Дизайнер

Концепция и UX

Мы изучили сайты похожих апарт-отелей и подглядели пару удачных решений

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

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

Блок с преимуществами сделали статичным и управляемым вручную, без автоанимаций — чтобы не утомлять. А вот секцию с апартаментами, наоборот, оживили: карточки перекрывают друг друга при скролле. Апартаментов немного, поэтому важно было показать каждый — так, чтобы пройти мимо просто не получилось.

Иосиф

арт-директор

Переосмыслили подход к фотографиям

Первоначальная задумка сайта предполагала роскошные полноэкранные снимки — но у отеля таких просто не было

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

Мы отказались от растянутых на весь экран изображений и начали аккуратно встраивать фото в модульную сетку. Но тут столкнулись с нюансом: клиенту хотелось сохранить в кадре все важные детали — от фактур до планировки.

Сокращаем путь пользователя

Одной из проблем была конверсия: воронка основного сайта плохо работала

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

Отдельная страница для долгосрочной аренды

Раньше краткосрок и долгосрок были смешаны — и это путало пользователей, ведь у аудиторий разные цели: кому-то аренда нужна на пару дней, кому-то — на месяцы

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

Дизайн-система — в последнюю очередь

Мы начали создавать систему после утверждения ключевых страниц

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

Интеграция со сторонним виджетом

Для бронирования мы использовали сторонний сервис — TravelLine

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

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

виктория

PM проекта

Страница-гайд по Приморскому району

Мы оформили путеводитель в виде PDF-документа, чтобы сэкономить ресурсы клиента на разработку отдельной страницы

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

Про разработку

Поэтому мы решили отказаться от Vue в пользу обычной адаптивной верстки и CMS Bitrix — чтобы упростить поддержку сайта в дальнейшем и ускорить все процессы

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

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

Единственный модуль, где мы не использовали Vue — это форма бронирования. Ее мы вставили обычным фреймом.

Родион

Front-end lead

Не просели в поисковой выдаче

Хотя такой риск всегда есть, особенно если меняется структура страниц

Для многих клиентов это критично, поэтому мы с самого начала уделяем этому внимание.

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

А что по цифрам?

Перед тем как оценивать результат, мы сначала проверили: а не связано ли повышение интереса к сайту просто с сезонностью или общей ситуацией на рынке?

Посмотрели статистику по запросу «апарт-отель Санкт-Петербург» — через Яндекс Вордстат и Google Trends. Вывод простой: спрос остался примерно на том же уровне, сезонность есть, но ничего глобально нового не случилось. Значит, можно честно сравнивать, как сайт работал до и после редизайна — в метрике.

Сравнивали два периода — с 1 января по 12 мая 2024 и с 1 января по 11 мая 2025. Чтобы результат был чистым, брали только переходы из поиска, потому что у клиента запуск рекламы был нерегулярным.

Дмитрий

аналитик

Итоги проекта

Мы сделали больше, чем изначально от нас ожидалось — и при этом уложились в срок

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

Вера

CEO Студии