Разработка корпоративного сайта строительного холдинга ХСА на Nuxt с китайской версией

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

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

Дизайн и дизайн-система

Стартовали с дизайна и сразу задали правила игры на будущее. Под каждый блок собрали референсы, нарисовали главную с видеофоном на первом экране, проработали блоки преимуществ и призыва к действию, новости, FAQ. Параллельно складывали из всего этого дизайн-систему и держали всю проектную информацию в Figma, чтобы и разработка, и любые будущие правки росли из одного источника, а не вылавливались по переписке. А чтобы заказчик увидел логику ещё до кода, собрали кликабельный прототип — по нему сразу понятно, как сайт себя ведёт, а не как он выглядит на статичной картинке.

Разработка

Прежде чем писать код, мы честно повозились с выбором технологии. На Nuxt можно собрать проект по-разному — статикой, как SPA или через SSR, и у каждого варианта свои нюансы. Главный вопрос был в индексации: хотелось, чтобы поисковик получал полностью готовую страницу, а не пустую заготовку. В итоге подняли свой VPS, настроили NGINX и развернули проект так, чтобы и динамика жила, и SEO не страдало. Дальше начался самый приятный этап — анимации. Карусель, плавные появления при скролле, аккуратный адаптив под мобильные. Всё это сначала обкатали на отдельной копии и только потом перенесли на боевой conall.ru.

Новости, мультиязычность и AI-виджет

Раздел новостей сделали так, чтобы компания жила в нём самостоятельно: общая лента, детальные страницы, наполнение прямо из админки. Чтобы не плодить ручную работу, настроили выборочную синхронизацию новостей с другим проектом — часть контента подтягивается сама. Добавили на сайт AI-виджет и наладили сбор и отправку новостей через скрипт. И отдельная история — китайская версия. Тут мы не стали просто подменять текст: перевели главную и адаптивы так, чтобы вся анимация работала в китайской локали ровно так же, как в русской.

У компании появился корпоративный сайт, собранный с нуля под её задачи и характер. Современный фронтенд на Nuxt, живые анимации, видеофон, понятная структура — и всё это сразу на двух языках, включая китайский, без потери динамики в обеих версиях.

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

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