Корпоративный сайт компании из ОАЭ: два языка и анимация без шаблонности

Корпоративный сайт — вещь, которую чаще всего делают по шаблону. Три карточки услуг, градиент, иконки, одинаковые блоки. В 2026 году такой сайт сразу читается как собранный ИИ за вечер, и для компании, которая выходит к иностранным партнёрам, это минус к доверию с первого экрана. Расскажу, как я собирал сайт, который должен был выглядеть иначе и при этом быстро открываться на телефоне.

Задача

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

Что я сделал

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

Дальше редизайн. От шаблонного вида ушёл тремя решениями.

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

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

Анимация — на GSAP, и она про место, а не про эффект ради эффекта. Главный элемент — силуэт небоскрёбов, собранный из 92 столбиков. Этот силуэт держит первый экран и сразу говорит, о каком городе и какой стране речь.

Мобильная версия и поиск

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

Для поиска и нейропоиска сделал базовый набор. Разметка schema.org, чтобы поисковик понимал, что перед ним организация. Блок FAQ с вопросами, на которые компания реально отвечает. Файл llms.txt — короткое описание сайта для языковых моделей, которые всё чаще отвечают людям вместо поисковой выдачи. Теги hreflang связывают языковые версии, чтобы поисковик показывал человеку страницу на его языке. Шрифты свои, отдаются с того же сервера, без внешних подключений.

Отдельное решение — какой язык главный. Английская версия стала основной и открывается по корневому адресу. Старый адрес /en/ не бросил: он отдаёт 301, постоянный редирект, чтобы ссылки, которые уже разошлись, не вели в пустоту.

Защищённое соединение — на сертификате Let's Encrypt. Для официального сайта компании это обязательный минимум: без него браузер предупреждает посетителя, а форма заявок выглядит подозрительно. Форма живёт на той же статике и не требует от человека регистрации: написал, отправил, заявка ушла компании. Чем меньше шагов, тем меньше людей бросают её на середине, особенно с телефона.

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

Первое — анимация против скорости. 92 столбика и хореография легко съедают бюджет загрузки, особенно на телефоне. Задача была в том, чтобы анимация не задерживала появление первого экрана. Итог мерил: LCP, время появления главного элемента, 0,25 секунды на десктопе и 1,25 секунды на медленном 4G.

Второе — контраст. Палитра из логотипа не обязана быть удобной для текста. Цвета приходилось подбирать так, чтобы фирменный стиль сохранялся, а текст читался. Проверял не на глаз, а замером всех 180 текстовых элементов: у всех контраст на уровне WCAG AA.

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

Четвёртое — смена основного языка на ходу. Переставить версии местами просто, а вот не потерять старые ссылки и не запутать поисковик — отдельная работа: редирект и hreflang должны говорить одно и то же.

Что получилось

Сайт работает с 15 сентября 2026 года. Все цифры в таблице — из замеров, а не из ощущения. Как сайт влияет на заявки, пока не мерил: для этого нужно время и поток обращений, а прошла только неделя.

Что дальше

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

Частые вопросы

Почему статический сайт, а не CMS?

Для корпоративного сайта контент меняется редко, а скорость и надёжность важны всегда. Статика собирается скриптом build.py, открывается быстро и почти не ломается. Форма заявок работает отдельно.

Как сделать, чтобы сайт не выглядел сделанным ИИ?

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

Не тормозит ли анимация на телефоне?

Для мобильных сделана отдельная хореография, а не уменьшенная копия. LCP на медленном 4G — 1,25 секунды.

Зачем llms.txt и hreflang?

llms.txt кратко описывает сайт для языковых моделей. hreflang связывает английскую и вторую языковую версию, чтобы человек попадал на страницу на своём языке.

Что стало со старым адресом английской версии?

Английская версия стала основной, а старый адрес /en/ отдаёт постоянный редирект 301. Разошедшиеся ссылки продолжают работать.

Коротко о главном

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

Здесь это 180 текстовых элементов с контрастом AA, axe без нарушений, отсутствие горизонтальной прокрутки с 280 пикселей и LCP 1,25 секунды на медленном мобильном интернете.

Если вашей компании нужен сайт на двух языках, который выглядит своим, быстро работает на телефоне и готов к поиску и нейропоиску, — я соберу его. Напишите в Telegram, MAX или VK.