BeCute — Beauty Space Website
Розробка багатосторінкового сайту для студії краси BeCute (Польща). Сайт виконаний як кастомна #WordPress-тема із сучасним фронтенд-стеком та глибокою інтеграцією ACF для зручного керування контентом. Основний акцент – на візуальну презентацію послуг, галерею робіт та зручний доступ до інформації про компанію.
Мої завдання:
- Розробив кастомну тему #WordPress із нуля (без використання готових білдів).
- Налаштував #Vite + #Tailwind + #PostCSS для складання та стилізації.
- реалізував адаптивну, семантично коректну верстку під усі пристрої.
- Підключив та налаштував #AdvancedCustomFields (#ACF) для:
- блоку послуг (категорії + опис, ціни, зображення);
- галереї (слайдер #Swiper з до 5 зображень у слайді та кастомною навігацією);
- блоку відгуків (слайдер із кастомною пагінацією);
- блоку з адресою та картою Google Maps.
- Зробив багаторівневу роботу з меню (окреме меню для шапки та футера).
- Розробив кастомний футер із соцмережами, контактами та розкладом роботи.
- Додав #SEO-оптимізацію через #YoastSEO та коректну семантику (`address`, `time`, `alt` для зображень).
- оптимізував збірку та ресурси (lazy load зображень, правильні розміри логотипів, мініфікація).
Використані технології:
- #WordPress (Custom Theme Development)
- #PHP, #ACF (Advanced Custom Fields)
- #JavaScript (ES6+), #Swiper.js
- #TailwindCSS, #PostCSS, #Vite
- #Git (GitHub)
Ключові фічі:
- Повністю адаптивна верстка (desktop, tablet, mobile).
- Галерея робіт із кастомною розкладкою та інтерактивною навігацією.
- Блок послуг із динамічними даними з ACF.
- Розділ відгуків з каруселлю та кастомними стилями пагінації.
- Розділ «Знайти нас» з картою Google Maps та інтерактивною адресою.
- SEO-оптимізація (мета, семантика, внутрішня перелінковка).
Результат:
Готовий сучасний сайт, який легко редагується через WordPress-адмінку, стабільно працює на всіх пристроях та відповідає дизайн-макету.
Мої завдання:
- Розробив кастомну тему #WordPress із нуля (без використання готових білдів).
- Налаштував #Vite + #Tailwind + #PostCSS для складання та стилізації.
- реалізував адаптивну, семантично коректну верстку під усі пристрої.
- Підключив та налаштував #AdvancedCustomFields (#ACF) для:
- блоку послуг (категорії + опис, ціни, зображення);
- галереї (слайдер #Swiper з до 5 зображень у слайді та кастомною навігацією);
- блоку відгуків (слайдер із кастомною пагінацією);
- блоку з адресою та картою Google Maps.
- Зробив багаторівневу роботу з меню (окреме меню для шапки та футера).
- Розробив кастомний футер із соцмережами, контактами та розкладом роботи.
- Додав #SEO-оптимізацію через #YoastSEO та коректну семантику (`address`, `time`, `alt` для зображень).
- оптимізував збірку та ресурси (lazy load зображень, правильні розміри логотипів, мініфікація).
Використані технології:
- #WordPress (Custom Theme Development)
- #PHP, #ACF (Advanced Custom Fields)
- #JavaScript (ES6+), #Swiper.js
- #TailwindCSS, #PostCSS, #Vite
- #Git (GitHub)
Ключові фічі:
- Повністю адаптивна верстка (desktop, tablet, mobile).
- Галерея робіт із кастомною розкладкою та інтерактивною навігацією.
- Блок послуг із динамічними даними з ACF.
- Розділ відгуків з каруселлю та кастомними стилями пагінації.
- Розділ «Знайти нас» з картою Google Maps та інтерактивною адресою.
- SEO-оптимізація (мета, семантика, внутрішня перелінковка).
Результат:
Готовий сучасний сайт, який легко редагується через WordPress-адмінку, стабільно працює на всіх пристроях та відповідає дизайн-макету.