Akvapark Zatoka — Реалізація сайту курорту на основі дизайну Figma
Точна до пікселів реалізація в Elementor з подальшими вдосконаленнями та технічною підтримкою
Role: Front-end implementation, technical realization of the design, and consulting support · Year: 2025 · Stack: WordPress, Astra Pro, Elementor
Багатосторінковий сайт курорту, розроблений на основі макета в Figma з точним виконанням на Elementor та технічною підтримкою
Рік: 2025
Тип проєкту: Фронтенд-реалізація в Elementor на основі наданого макета Figma
Платформа: WordPress
Стек: Astra Pro / Elementor
{/}
Про клієнта
Akvapark Zatoka – це приморський курортний комплекс, розташований на узбережжі Чорного моря в Одеській області, Україна. Проєкт поєднує готельні умови з аквапарком на території, пропонуючи гостям повноцінний літній відпочинок, включаючи розважальні заклади, послуги харчування та додаткові зручності.
Desktop · Akvapark Zatoka Hotel
Сторінка готелю надає чіткий огляд варіантів розміщення, починаючи з розділу-героя, який поєднує інформаційне відео з фоновим зображенням та інтегрований модуль бронювання. На сторінці представлені категорії номерів за допомогою структурованих попередніх переглядів на основі слайдерів, що дозволяє відвідувачам ознайомитися з доступними варіантами в інтуїтивно зрозумілому форматі.
Відмінною технічною особливістю є вкладений блок каруселі біля нижнього колонтитула, де кілька незалежних слайдерів вбудовані в батьківську карусель, зберігаючи при цьому повну функціональність та логіку взаємодії. Це вимагало ретельної синхронізації поведінки каруселі та точної реалізації в Elementor.
Mobile · Akvapark Zatoka Hotel
{?}
Огляд проєкту
Сайт в цілому створювався стороннім підрядником, який залучив мене як субпідрядника для реалізації макетів сторінок в Elementor.
Генеральний підрядник надав завершений дизайн Figma.
Усі сторінки були реалізовані відповідно до дизайну, що забезпечувало точне відтворення структури макета, інтервалів, пропорцій та загальної логіки блоків.
Як це часто буває, після першого живого впровадження знадобилися певні доопрацювання — візуальна поведінка у Figma та на живому вебсайті ніколи не буває повністю ідентичною. Усі запити на корективи були впроваджені відповідно до затверджених специфікацій.
{#}
Технічні особливості
- Було надано та використано ліцензовану тему Astra Pro з необхідними плагінами.
- Впровадження завершено в Elementor без важких розширень сторонніх конструкторів.
- Було реалізовано нестандартну вкладену структуру каруселі: всередині основної каруселі було вбудовано додаткові повнофункціональні каруселі.
Це вимагало ретельного керування поведінкою JavaScript та синхронізації між компонентами.
Постійна співпраця
Після завершення первинного впровадження генеральному підряднику було надано додаткову допомогу, зокрема:
- Консультації щодо налаштування теми Astra та пов’язаних плагінів
- Участь у створенні заголовка та нижнього колонтитула
- Технічна допомога у запуску версії другою мовою
- Впровадження вибраних додаткових елементів
Більшу частину подальшої розробки генеральний підрядник здійснював самостійно, звертаючись за консультаціями за потреби.
Розгортання
Вебсайт було розроблено безпосередньо на хостинговому середовищі клієнта:
- Спочатку на тимчасовому технічному домені
- Потому перенесено до постійного робочого домену.
Консультаційна підтримка все ще надається за потреби.
{!}
Підтвердження співпраці
Проєкт було реалізовано через Freelancehunt.
Нижче — реальний відгук замовника, який досі доступний на платформі.
…Якщо ви хочете обговорити проєкт, уточнити вимоги або розглянути можливі варіанти співпраці, ви можете знайти всі контактні дані на сторінці контактів.