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 Ко всем проектам