Про клієнта
Vortex Entertainment — саудівська event-агенція з Ер-Ріяда, що створює національні церемонії, виставкові павільйони для світових брендів і культурні події в рамках Saudi Vision 2030. Серед клієнтів — ARAMCO, Zain, EssilorLuxottica, Magrabi, Alcon та десятки інших брендів Королівства.
Задача
Зробити сайт, який передає масштаб подій Vortex — і одночасно обслуговує дві різні аудиторії: англомовних B2B-клієнтів (маркетинг-директорів корпорацій, державні структури) та арабомовний локальний ринок. Не «перекладений» сайт, а два повноцінних з нативним UX в обох напрямках читання.
Додатковий шар складності — структурований контент. 9 послуг, 12 проєктів, 20+ клієнтських логотипів — все потрібно подати так, щоб B2B-відвідувач знаходив потрібне за 1–2 кліки. І все це під CMS, яким команда Vortex редагує самостійно, без розробника під кожен новий кейс.
Чому WordPress, а не конструктор
Перше очевидне рішення — Tilda або Webflow. Для лендінгу спрацювало б. Але Vortex — це не одна сторінка, це CMS-проєкт із 12+ проєктами в портфоліо, 9 окремими послугами, 20+ клієнтськими логотипами і двома мовами. У конструкторах двомовність з RTL — або хак на JS, або платіш ×2 за дублікат сайту. Швидкість контентного оновлення — теж проблема.
WordPress із кастомною темою (без Elementor/Divi) дав три речі одночасно: (1) повний контроль над кодом — PageSpeed 90+ без CDN; (2) ACF Pro як рідну структуру даних — кейс, послуга, клієнт = окремий тип запису; (3) Polylang з нативним RTL — арабська версія керується з того ж адмінки, без дублювання.
Як ми це робили
11 тижнів від discovery до запуску. Чотири етапи:
Інтерв’ю з засновниками, аналіз 20+ конкурентів у KSA / UAE, JTBD-сценарії.
Темна палітра, типографічна шкала, motion-language, RTL-варіанти.
Кастомна тема, ACF-структури, CPT для проєктів, Polylang для двох мов.
Cross-browser, mobile QA, Lighthouse-аудит, передача документації клієнту.
Технічні рішення
EN / AR з повним RTL. Розкладка зроблена на CSS Logical Properties (margin-inline-start, padding-inline-end замість left/right). Арабська версія — не «дзеркало» англійської, а самостійний UX з правильним напрямком читання, дзеркальними іконками-стрілками та власною типографічною ієрархією.
ACF-структура для всього контенту. Послуги, проєкти, клієнти, секції головної — кожен елемент керується через Advanced Custom Fields Pro. Команда Vortex додає новий кейс за 5 хвилин: завантажує hero-фото, заповнює клієнта, локацію, рік, опис — і кейс готовий.
12 проєктів-кейсів у портфоліо. Зібрані як Custom Post Type з полями для клієнта, локації, року та ролі Vortex у проєкті. Архітектура витримає 100+ проєктів без рефакторингу.
Performance-first з першого дня. LazyLoad для зображень нижче згину, WebP-конвертація на стороні сервера, мінімум JS (вся інтерактивність — vanilla). Lighthouse — A11y та SEO зелені, мобільний PageSpeed тримається на 90+ без CDN.
Результат
Сайт, який однаково впевнено працює на маркетинг-директора Zain і на арабомовного візуала, що шукає референси. Дизайн-присутність, що відповідає реальному масштабу подій Vortex.
Команда Vortex додала 4 нових проєкти в перший місяць після запуску — без жодного запиту до розробника. ACF-структура виявилася інструментом, а не перешкодою. Перемикач EN / AR не ламає UX — він просто змінює напрямок читання.
Готовність до масштабу. Архітектура витримає 100+ проєктів у портфоліо та розширення до 4+ мов без рефакторингу. Vortex не повертатиметься переробляти сайт через рік.