О Citizora
Citizora — глобальная компания, базирующаяся в Кипре, с офисами в Дубае. Предоставляет три категории услуг международного уровня:
- Immigration & Residency — визы, ВНЖ, гражданство в 10+ странах через сеть лицензированных иммиграционных юристов и консультантов в каждой юрисдикции
- Company Formation & Corporate Services — регистрация компаний по всему миру с полным сопровождением (банковский счёт, бухгалтерия, юридический адрес, compliance)
- Business Services — VIP-уровень, от исследования рынка и стратегических знакомств до приобретения активов (включая самолёты и портфели недвижимости)
Аудитория клиентов глобальная — отзывы на сайте от инженеров из Индии, основателей из России, инвесторов из Швеции, предпринимателей из Казахстана, инженеров из Катара, CEO из Бразилии. Это не локальный консалтинг, это международная платформа с верифицированной сетью местных экспертов в каждой стране.
Финансовая модель Citizora уникальна: все платежи проходят через саму компанию, не через индивидуальных консультантов. Citizora выступает финансовым гарантом клиента и операционным супервизором каждого случая. Это требует от сайта серьёзной платёжной инфраструктуры.
Что было нужно
Сайт Citizora должен был выполнить роль полноценной B2C+B2B платформы с продвинутой технической инфраструктурой:
- Современный дизайн для серьёзной B2B-аудитории — клиенты Citizora принимают решения на десятки тысяч евро, сайт должен соответствовать уровню
- Pixel-perfect реализация дизайна от партнёра-дизайнера в Figma
- Полная кастомная тема WordPress на 100% Gutenberg без page builders
- Огромный объём контента — детальные страницы по каждому типу визы, каждой стране, каждой услуге компании. Сотни уникальных страниц.
- Мультиязычность для глобальной аудитории:
- English как основной для международной коммуникации
- Русский для CIS-аудитории
- Арабский для клиентов Ближнего Востока (RTL!)
- Иврит для израильской аудитории (RTL!)
- Pixel-perfect для всех языков — включая правильное зеркалирование в RTL версиях
- Платёжная инфраструктура на двух каналах:
- Stripe для приёма банковских карт международной аудитории
- WhitePay для приёма криптовалют (часть клиентов Citizora из FinTech и хочет платить криптой)
- Полная интеграция с Bitrix24:
- Заявки со всех форм сайта с правильным маппингом полей на пользовательские поля Bitrix24
- Платежи как этапы сделок — менеджеры видят не только «лида», но и финансовое движение в одной воронке
- Группировка заявок по типу услуги, региону, источнику
- PageSpeed на хорошем уровне — для B2B-сайта с большим объёмом контента и мультиязычностью это нетривиально
- Контент-менеджмент — наполнение всех страниц контентом и переводами
- Самостоятельные переводы на все 4 языка — без сторонних переводчиков
Как я подошёл к работе
Кастомная тема с 100% Gutenberg
Тема разработана с нуля под Figma макеты дизайнера-партнёра. Архитектура — 100% Gutenberg с кастомными блоками для всех ключевых секций:
- Hero-блоки с подзаголовками, кнопками CTA, фото
- Карточки услуг (Visas, Company Opening, Business Services)
- Блоки преимуществ (Why Choose Citizora — 5 пунктов)
- Шаги процесса (How It Works — 9 шагов)
- Отзывы клиентов с фото, именами, странами
- FAQ-блоки с раскрывающимися вопросами
- Формы заявок и контактные блоки
Каждый блок имеет осмысленный инспектор в Gutenberg — клиент может пересобрать любую страницу из готовых компонентов. При огромном объёме контента (страницы виз, страны, услуги) это критически важно для масштабирования.
Pixel-perfect вёрстка по Figma
Дизайн от партнёра-дизайнера (внешний специалист, с которым я работаю на постоянной основе). Моя задача — точное воплощение в коде:
- Типографика, отступы, hover/focus состояния
- Анимации и переходы
- Адаптивность для desktop, tablet, mobile
- Pixel-perfect для всех языковых версий (включая RTL)
4 языка с RTL — самая сложная техническая часть
Мультиязычность через TranslatePress — это другой подход к мультиязычности, отличный от WPML (который я использовал в Simplex Moving и Waliot). TranslatePress даёт визуальный редактор переводов прямо на странице — переводчик видит контекст и переводит «как есть».
Языки на сайте:
- EN (English) — основной
- RU (Русский) — для CIS-аудитории
- AR (العربية) — для Ближнего Востока, RTL
- HE (עברית) — для Израиля, RTL
RTL — это технически сложная задача. В отличие от LTR-языков, RTL требует:
- Зеркалирования всего интерфейса — иконки, стрелки, отступы, выравнивание текста
- Правильной типографики — арабские шрифты с другой высотой строк и кернингом
- Корректного поведения чисел и латинских вставок в RTL-контексте
- Зеркалирования некоторых анимаций — кнопки слайдеров, направление переходов
- Адаптации форм — поля ввода, чекбоксы, dropdown в RTL-режиме
- Корректного отображения смешанного контента (когда в арабском тексте есть английские слова или числа)
Каждый Gutenberg-блок имеет отдельную проверку RTL поведения — что зеркалируется автоматически, что требует кастомных CSS-правил для [dir="rtl"] контекста.
Самостоятельные переводы
Переводы на все 4 языка делал я лично, без привлечения сторонних переводчиков. Это не дешёвый подход и не Google Translate — это осознанная работа над терминологией в нише immigration/business services, где точность языка критична (юридические термины, названия визовых программ, формулировки услуг).
Для иммиграционного контента косвенный перевод опасен — неточная формулировка может ввести клиента в заблуждение про условия визы. Поэтому контроль над переводами был важной частью моей работы.
Платёжная инфраструктура: Stripe + WhitePay
Двойной канал платежей — как в проекте Apuleius, но углублённо:
Stripe для банковских карт:
- Visa, MasterCard, American Express
- Apple Pay и Google Pay автоматически через Stripe
- 3D Secure для европейских клиентов
- Stripe Checkout — PCI compliance на стороне Stripe
- Webhook для подтверждения транзакций
WhitePay для криптовалют:
- Bitcoin, Ethereum, USDT, USDC и 140+ других криптовалют
- Multi-currency invoice: клиент указывает сумму в USD/EUR/USDT
- Автоматическая конвертация курса
- Webhook для блокчейн-подтверждений
Архитектура модального окна платежа:
Один модал с двумя табами «Pay with Card / Pay with Crypto». Клиент выбирает услугу (Visa, Company Formation, Business Services, Consultation), вводит сумму, email и описание. Дальше:
- Для карт — Stripe Checkout
- Для крипты — WhitePay invoice с QR-кодом
После успешной оплаты — webhook обновляет статус в WordPress и в Bitrix24 одновременно.
Bitrix24 интеграция — углубление CRM-работы
Это углубление того подхода, который я отработал в DPO Prof. Там Bitrix24 интегрирован с заявками с форм. В Citizora CRM работает на уровне всего жизненного цикла клиента:
1. Заявки с форм → Bitrix24 Leads
Все формы сайта (Hero, Contact, Book a Consultation, Partnership) интегрированы:
- Маппинг полей формы на пользовательские поля Bitrix24 (UF_CRM_*)
- Группировка по типу запроса — Visa/Company Formation/Business Services попадают в правильные воронки или назначаются разным менеджерам
- Захват UTM и реферальных параметров — каждая заявка имеет источник
- Дублирующая проверка — если клиент уже есть в Bitrix24, обновляется существующий контакт, не создаётся дубль
- Retry-очередь при недоступности Bitrix24
2. Платежи → этапы сделок Bitrix24
Это новое углубление: не только заявки, но и финансовые события прокидываются в CRM:
- Создание сделки в Bitrix24 при инициации платежа
- Обновление статуса сделки при успешной оплате (этап «Paid»)
- Передача суммы, валюты, типа услуги в кастомные поля сделки
- Привязка сделки к контакту клиента
- Webhook-обработка возвратов (если случается) — статус сделки обновляется на «Refunded»
Что это даёт бизнесу:
Менеджеры Citizora работают в одном интерфейсе Bitrix24 и видят:
- Все заявки с правильной атрибуцией
- Все платежи с привязкой к клиенту
- Полный жизненный цикл сделки: лид → переговоры → платёж → исполнение
Это не «сайт прокидывает заявку в CRM», это полноценная техническая воронка с двусторонней синхронизацией.
PageSpeed на сайте с большим объёмом контента
91 mobile / 98 desktop — это сильный показатель для сайта такого масштаба. Большой объём контента, мультиязычность, тяжёлые медиа, интеграции — всё это естественно снижает PageSpeed.
Что сделано:
- Минификация и объединение CSS/JS на уровне темы
- WebP для всех изображений с правильным fallback
- Lazy loading для всего ниже первого экрана
- Critical CSS инлайнится в
<head> - Удалены лишние скрипты WordPress по умолчанию
- Оптимизация шрифтов с font-display: swap (особенно важно для арабских и ивритских шрифтов)
- Серверное кэширование с правильными исключениями для динамических страниц с платежами
- Оптимизация запросов к БД для языковых таблиц TranslatePress
Что получилось
Сайт работает в production с весны 2026 года. Все интеграции работают стабильно:
- Платежи идут через Stripe и WhitePay без потерь
- Заявки приходят в Bitrix24 с правильным маппингом
- Платежи синхронизируются с этапами сделок в Bitrix24
- 4 языковые версии работают корректно, включая RTL
- PageSpeed стабильно держится на 91/98
Citizora самостоятельно ведёт контент через Gutenberg-редактор: добавляет новые типы виз, новые страны, обновляет цены, публикует новости. Когда нужна новая страница услуги — собирается из готовых блоков за час.
Это флагман-кейс не потому что в нём что-то новое и уникальное, а потому что в нём сошлись все мои компетенции одновременно:
- Gutenberg + ACF Pro архитектура
- FinTech-интеграции (Stripe + Crypto)
- CRM-интеграция продвинутого уровня (заявки + сделки + платежи)
- Сложная мультиязычность с RTL
- Контент-сервис (переводы лично)
- Производительность на большом объёме контента
Каждая из этих компетенций отрабатывалась в предыдущих проектах. Citizora — это итог инженерной зрелости: всё, что я научился делать на разных кейсах, собралось в одном комплексном решении.
