🚀 Мы обновили сайт Bnovo
Bnovo — система управления отелями, которой пользуются более 15 000 объектов в 40 странах мира. К нам клиент пришёл с задачей: переделать старый сайт, чтобы он был быстрым, гибким и отражал их уровень.
Мы работали над проектом с апреля 2026 года: сделали новую вёрстку, полностью переработали систему управления контентом. И в августе 2026 сайт уехал в релиз. Сейчас мы продолжаем развивать проект. Бэклог пополняется, план строится, задачи делаются.
Что сделали:
✔️ Переверстали сайт с нуля. Изначально планировали заменять страницы по частям, но процесс пошёл быстрее плана, поэтому совместно с клиентом решили заменить всё сразу. Сначала сделали сайт на тестовом сервере, потом одним релизом запустили новую версию.
✔️ Посадили вёрстку на WordPress. Это был осознанный выбор: клиент привык к WP, был доволен им в управлении контентом, но недоволен скоростью и гибкостью. Мы объяснили, что скорость и гибкость зависят от того, заложены ли они на этапе разработки. И заложили.
✔️ Собрали фронтенд на Astro + TypeScript + SCSS. Astro даёт компонентный подход, а на выходе — чистый HTML без рантайма фреймворка. Это важно для скорости и SEO.
✔️ Использовали GSAP для анимаций, Swiper и Splide для слайдеров. Всё, чтобы сайт был быстрым и красивым.
Что было особенно интересно:
🔥 Адаптив с умным масштабированием. Вместо классической сетки с кучей брейкпоинтов мы использовали подход с двумя состояниями: мобильное (до 1023 пикселей) и десктопное (от 1024 пикселей). Для каждого из них JavaScript пересчитывает базовый размер шрифта, а вся вёрстка написана в rem() через SCSS-функцию. В итоге макет пропорционально масштабируется в пределах каждого состояния — на мобилках он подстраивается под любой экран, на десктопе растягивается до 1440 пикселей, а дальше контент центрируется. Это даёт точное попадание в макет Figma без танцев с медиазапросами на каждом блоке.
🔥 Каталоги с серверной фильтрацией. Блог, релизы, партнёры, интеграции и кейсы рендерит WordPress. Фронт ходит на REST-эндпоинт, подменяет список карточек и синхронизирует выбранную категорию с URL.
Коммуникация — отдельная история
Клиент — особая любовь. Его команда оказалась очень вовлечённой и мотивированной. Менеджеры быстро отвечали, разбирались, помогали двигать проект вперёд. С такими заказчиками работается в кайф. 💙
Bnovo — система управления отелями, которой пользуются более 15 000 объектов в 40 странах мира. К нам клиент пришёл с задачей: переделать старый сайт, чтобы он был быстрым, гибким и отражал их уровень.
Мы работали над проектом с апреля 2026 года: сделали новую вёрстку, полностью переработали систему управления контентом. И в августе 2026 сайт уехал в релиз. Сейчас мы продолжаем развивать проект. Бэклог пополняется, план строится, задачи делаются.
Что сделали:
✔️ Переверстали сайт с нуля. Изначально планировали заменять страницы по частям, но процесс пошёл быстрее плана, поэтому совместно с клиентом решили заменить всё сразу. Сначала сделали сайт на тестовом сервере, потом одним релизом запустили новую версию.
✔️ Посадили вёрстку на WordPress. Это был осознанный выбор: клиент привык к WP, был доволен им в управлении контентом, но недоволен скоростью и гибкостью. Мы объяснили, что скорость и гибкость зависят от того, заложены ли они на этапе разработки. И заложили.
✔️ Собрали фронтенд на Astro + TypeScript + SCSS. Astro даёт компонентный подход, а на выходе — чистый HTML без рантайма фреймворка. Это важно для скорости и SEO.
✔️ Использовали GSAP для анимаций, Swiper и Splide для слайдеров. Всё, чтобы сайт был быстрым и красивым.
Что было особенно интересно:
🔥 Адаптив с умным масштабированием. Вместо классической сетки с кучей брейкпоинтов мы использовали подход с двумя состояниями: мобильное (до 1023 пикселей) и десктопное (от 1024 пикселей). Для каждого из них JavaScript пересчитывает базовый размер шрифта, а вся вёрстка написана в rem() через SCSS-функцию. В итоге макет пропорционально масштабируется в пределах каждого состояния — на мобилках он подстраивается под любой экран, на десктопе растягивается до 1440 пикселей, а дальше контент центрируется. Это даёт точное попадание в макет Figma без танцев с медиазапросами на каждом блоке.
🔥 Каталоги с серверной фильтрацией. Блог, релизы, партнёры, интеграции и кейсы рендерит WordPress. Фронт ходит на REST-эндпоинт, подменяет список карточек и синхронизирует выбранную категорию с URL.
Коммуникация — отдельная история
Клиент — особая любовь. Его команда оказалась очень вовлечённой и мотивированной. Менеджеры быстро отвечали, разбирались, помогали двигать проект вперёд. С такими заказчиками работается в кайф. 💙