Как мы обновили сайт Bnovo: редизайн, гибкость и скорость

Bnovo — российский разработчик IT-решений для гостиничного бизнеса. Их SaaS-системой для управления отелями пользуются более 15 000 объектов в 40 странах мира. Клиент пришёл к нам с задачей: переделать старый сайт, чтобы он был быстрым, гибким и отражал новый уровень продукта.

Мы начали в апреле 2026 года, а в августе сайт уехал в релиз. Сейчас продолжаем развивать ресурс — нет предела совершенству.

Старый сайт был сделан на WordPress, и клиент в целом был доволен таким выбором. Но чем больше развивался бизнес, тем больше становилось сложностей:

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

2. Отсутствие гибкости — нельзя было оперативно менять контент, собирать страницы из блоков, проводить A/B-тесты.

3. Отсутствие единого шаблона — разные шрифты, футеры и дизайны на страницах.

4. Сложное управление — контент-менеджеры не могли сами менять структуру страниц без разработчиков.

Нам предстояло полностью переверстать сайт согласно ребрендингу и новым макетам. Но сохранить при этом весь накопленный SEO-трафик.

Разные разделы сайта имели разный дизайн, словно несколько ресурсов.

Сейчас все страницы оформлены в едином стиле.

Как мы работали

Процесс шёл в четыре этапа:

• Вёрстка. Собирали страницы по макетам, начиная с самых важных.

• Тестирование. Проверяли каждую готовую часть: адаптив, кроссбраузерность, соответствие дизайну.

• Интеграция. Подключали вёрстку к WordPress и настраивали всё, что связано с контентом и данными.

• Финальное тестирование. Ещё раз проходились по всему сайту целиком — уже с бэкендом.

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

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

Работали спринтами: задачи шли понятными блоками, процесс и бюджет были прозрачны для обеих сторон.

Вовлечённый клиент — это кайф

Клиент оказался очень вовлечённым и мотивированным. Менеджер оперативно отвечала, старалась двигать проект вперёд. Техническая команда шла на контакт, мы совместно обсуждали задачи производительности и деплоя. А дизайнеры быстро вносили правки в макет, когда это требовалось.

С такими заказчиками работать одно удовольствие.

Что сделали

Переверстали сайт с нуля. Новый дизайн, новая структура, новый подход к сборке страниц.

Посадили вёрстку на WordPress. Это осознанный выбор: клиент привык к WP, но не мог полноценно управлять контентом — страницы были по большей части статичные и редактировались разработчиками. Скорость и гибкость этой CMS тоже вызывали вопросы. Мы объяснили: всё зависит от того, заложены ли подходящие параметры на этапе разработки. И сразу заложили всё, что нужно.

Собрали сайт на современном стеке: Astro, TypeScript и SCSS. Если по-простому, это набор технологий, который позволяет делать страницы из готовых блоков. На выходе получается лёгкий сайт без лишнего кода. Именно поэтому он быстро грузится и хорошо индексируется поисковиками.

Для анимаций использовали GSAP, для слайдеров — Swiper и Splide. Это проверенные инструменты, с которыми сайт остаётся быстрым и при этом выглядит живо.

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

На сайте уже использовался плагин Advanced Custom Fields, который мы перенастроили, чтобы по максимуму использовать его возможности, дать контент-менеджерам гибкость и при этом защитить их от случайных правок, которые могли бы поломать вёрстку.

Что было самым сложным

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

• Настроить серверы для скорости. У клиента своя инфраструктура: отдельные базы данных, отдельные серверы. На каждый запрос на главной странице возникала задержка в 6–10 мс. Казалось бы, немного. Но в сумме получалось значительно — страница грузилась примерно две секунды. Оставлять это без изменений было невозможно. Так что совместно с технической командой клиента мы обсудили и выявили узкие места, после чего специалисты Bnovo перенастроили серверную часть, а мы дополнительно поработали над кэшированием. Теперь ответ сервера занимает 244 миллисекунды — хороший показатель, особенно для тяжёлой страницы с множеством блоков, форм и динамических элементов.

Что было особенно интересно

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

Вёрстка поверх WordPress-плагинов. На сайте есть формы, таблицы с тарифами и баннер про cookie — для них клиент выбрал плагины, которые нам предстояло перестилизовать. Их внутреннюю структуру менять было нельзя, поэтому мы аккуратно применили новый дизайн поверх готовых решений с помощью стилей. Это как перекрасить и переставить мебель в комнате, не снося стены.

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

Что дальше

После релиза делаем новые страницы, калькулятор тарифов и другие задачи. 

Хотите так же?

Если вашему бизнесу нужен сайт, который будет быстрым, гибким и не потеряет накопленный трафик — пишите @gingerliza. Всё сделаем в лучшем виде!