ISUIM — RTL Велнес-Лендінг для мережі ізраїльських студій масажу
Реалізація дизайну в Elementor із точністю до пікселя на основі складного макета Figma та з ручним відтворенням верстки.
Role: Front-end implementation · Year: 2025 · Stack: WordPress / Astra Pro / Elementor / Ultimate Addons for Elementor
RTL Лендінги, розроблені для рекламної кампанії ізраїльської студії масажу.
Рік: 2025
Тип проєкту: advertising landing pages
Платформа: WordPress
Стек: Astra Pro / Elementor / Ultimate Addons for Elementor
Мови: Іврит (RTL)
Обсяг робіт: три цільові сторінки кампанії, створені на основі спільної візуальної концепції.
{/}
Про проєкт
Проєкт складався з трьох тісно пов’язаних між собою цільових сторінок, створених для ізраїльської маркетингової агенції, яка керує рекламними кампаніями для мережі студій масажу.
Створені в межах однієї інсталяції WordPress, цільові сторінки були орієнтовані на різні рекламні сегменти, зберігаючи при цьому єдиний візуальний стиль.
Реалізація була зосереджена на точному відтворенні затверджених макетів, коректній поведінці RTL та адаптивному відображенні на різних пристроях.
{?}
Завдання
Мета полягала в тому, щоб максимально точно відтворити надані макети з Figma та підготувати готові до запуску цільові сторінки для використання в рекламі.
Проєкт вимагав:
- точної візуальної реалізації;
- адаптивної поведінки на настільних і мобільних пристроях;
- коректної обробки макета RTL;
- збереження передбаченої візуальної ієрархії;
- підготовки трьох незалежних цільових сторінок з однаковими мовою та дизайном.
Mobile · ISUIM
ISUIM — RTL Wellness, page 2, desktop
{#}
Проблеми реалізації проєкту
На відміну від проєктів, створених на основі добре структурованих дизайн-систем, ця реалізація вимагала значного ручного відтворення наданих макетів.
Хоча було надано повні файли Figma, чимало декоративних елементів існували незалежно від логічної ієрархії сторінок, а параметри відступів, розмірів і структурних взаємозв’язків часто були неповними або суперечливими.
Через те значна частина процесу реалізації спиралася на візуальний аналіз, а не на експортовані специфікації.
Пропорції макета, відступи та вирівнювання були ретельно відтворені, щоб зберегти затверджений вигляд і водночас забезпечити чисту та зручну в обслуговуванні реалізацію на WordPress.
{*}
Технічна реалізація
Лендінги було створено з використанням Astra Pro, Elementor та Ultimate Addons for Elementor.
Впровадження включало:
- відтворення наданих макетів із точністю до пікселя;
- адаптивність для настільних і мобільних пристроїв;
- повна підтримка напрямку письма справа наліво (RTL) для контенту івритом;
- багаторазове використання структури Elementor для трьох цільових сторінок;
- чиста внутрішня структура, зручна для подальшого обслуговування.
Розробка здійснювалася на хостингу підрядника, а початкова версія була збережена як діючий приклад у портфоліо.
Mobile · ISUIM, page 2
ISUIM — RTL Wellness, page 3, desktop
{!}
Результат
Клієнт отримав три рекламні цільові сторінки, готові до запуску кампанії.
Результати проєкту:
- узгоджений візуальний стиль на всіх цільових сторінках;
- надійна реалізація RTL;
- адаптивна поведінка на всіх основних пристроях;
- точне відтворення затвердженої візуальної концепції попри складність наданих дизайн-файлів.
{&}
Примітки
Цей проєкт демонструє, що точна реалізація фронтенду залежить не лише від навичок розробки, а й від якості вихідного дизайну.
Коли проєктні специфікації є неповними або структурно суперечливими, реалізація перетворюється на інженерне завдання, а не просто на пряме перенесення макета в HTML та Elementor.
Кінцевий результат зберігає задуманий зовнішній вигляд, водночас забезпечуючи чітку внутрішню структуру, зручну для подальшого обслуговування.
Mobile · ISUIM, page 3
…Якщо ви хочете обговорити проєкт, уточнити вимоги або розглянути можливі варіанти співпраці, ви можете знайти всі контактні дані на сторінці контактів.