WordPress / PHP05 / CASE STUDY

InteriorDesign.

Повністю керований WordPress-сайт з анімацією за скролом, гнучкими сторінками та власною CRM.

Мій внесок
Уся розробка й технічні рішення; близько 80% дизайну надав дизайнер.
Технології
WordPress · PHP · ACF Pro · Flexible Content · JavaScript · Canvas · GSAP / ScrollTrigger · REST API
Interior Design — Interior Design / 01
01 / Interior Design / 01Знімок екрана проєкту
01 / Проєкт і завдання

Система для індивідуальних просторів.

Завдання

Створити виразний сайт, яким замовник зможе керувати самостійно.

Рішення

Кастомна WordPress-тема, ACF Flexible Content, варіанти першого екрана й покадрова анімація за скролом. Заявки пов’язані з CRM.

Результат

Замовник сам створює сторінки, змінює контент і обирає напрямок заявок — без звернення до розробника для кожної зміни.

02 / Обсяг моєї роботи

Обсяг моєї роботи

Уся розробка й технічні рішення; близько 80% дизайну надав дизайнер.

  1. ACF Flexible Content і перевикористовувані секції

  2. Спільний рендерер і шаблони сторінок

  3. Адаптивна верстка й анімації

  4. Форми та зв’язок із CRM

03 / DEVELOPMENT

Технічна реалізація

Архітектура й робочий процес
  1. 01ACF Flexible Content
  2. 02Рендерер секцій
  3. 03Шаблони WordPress
  4. 04Форми / CRM

Схема процесу, не скриншот

Код на GitHub
04 / Interior Design

Контент як набір блоків

ACF Flexible Content задає структуру контенту. Шаблони WordPress викликають спільний рендерер секцій. Глобальні налаштування керують повторюваними елементами, а ті самі блоки використовуються на різних сторінках.

Interior Design — Interior Design / 02
02 / Interior Design / 02Знімок екрана проєкту
05 / Interior Design

Анімація з технічним контролем

Відеоефект побудований на послідовності кадрів у Canvas, прив’язаній до прокручування. Код адаптує крок кадрів для сенсорних пристроїв і враховує зменшення руху. Різні варіанти першого екрана обираються через структуру контенту.

Interior Design — Interior Design / 03
03 / Interior Design / 03Знімок екрана проєкту
06 / Interior Design

Від форми до обробки заявки

Форми й квізи передають звернення до власної CRM; напрямок заявки налаштовує замовник. Уся розробка й технічні рішення — моя робота. Приблизно 80% дизайну надав дизайнер.

Interior Design — Interior Design / 04
04 / Interior Design / 04Знімок екрана проєкту

Проєкт розробив Bohdan Anisovets

Веброзробка з продуманою логікою.

Потрібен розробник у команду або допомога з індивідуальним WordPress-проєктом?

Обговорити завдання Наступний проєкт: Paving & Stone До всіх проєктів