Figma до WordPress: Корпоративний сайт комплексу відпочинку (Pixel-P

Завдання: Перенести сучасний дизайн із Figma в повністю робочу, адаптивну та швидку тему WordPress. Головна вимога — ідеальна відповідність макету (Pixel-Perfect) та зручна адмінка для власника бази відпочинку, щоб він міг самостійно змінювати тексти й фото послуг без ризику зламати верстку.

Моє рішення:

Чиста верстка: Зверстав макет з нуля без використання важких конструкторів (або з максимальною оптимізацією), чітко дотримуючись усієї типографіки та відступів із Figma.

Інтеграція з WP: Створив кастомну тему. Усі блоки («Атмосфера спокою», «Наші послуги», футер) вивів через Advanced Custom Fields (ACF Pro). Замовнику не потрібно лізти в код — для всього є зручні поля в адмінці.

Оптимізація швидкості: Налаштував відкладене завантаження (Lazy Load) для важких фотографій гір та інтер'єрів, конвертував усі зображення у сучасний формат WebP.

Адаптивність: Забезпечив ідеальне відображення на мобільних пристроях та планшетах (Mobile-first підхід).

Результат:
Сайт завантажується за частки секунди (показники Google PageSpeed Insights стабільно в «зеленій зоні» 80-90+). Клієнт отримав преміальний візуал із надійною, безпечною та легкою серверною частиною.