WordPress / PHP05 / CASE STUDY

InteriorDesign.

Eine vollständig pflegbare WordPress-Website mit scrollgesteuerter Animation, flexiblen Seiten und eigenem CRM.

Mein Beitrag
Komplette Entwicklung und technische Konzeption; ca. 80 % des Designs vom Designer.
Technologien
WordPress · PHP · ACF Pro · Flexible Content · JavaScript · Canvas · GSAP / ScrollTrigger · REST API
Interior Design — Interior Design / 01
01 / Interior Design / 01Projektansicht
01 / Projekt und Aufgabe

Ein System für individuelle Räume.

Aufgabe

Eine ausdrucksstarke Website entwickeln, die der Kunde selbst weiterführen kann.

Umsetzung

Individuelles WordPress-Theme, ACF Flexible Content, mehrere Hero-Varianten und eine scrollgesteuerte Bildsequenz. Anfragen sind mit dem CRM verbunden.

Ergebnis

Der Kunde kann Seiten anlegen, Inhalte ändern und das Ziel eingehender Anfragen konfigurieren, ohne dafür jedes Mal Entwicklung zu beauftragen.

02 / Umfang meiner Arbeit

Umfang meiner Arbeit

Komplette Entwicklung und technische Konzeption; ca. 80 % des Designs vom Designer.

  1. ACF Flexible Content und wiederverwendbare Sektionen

  2. Gemeinsamer Renderer und Seitenvorlagen

  3. Responsive Layouts und Animationen

  4. Formulare und CRM-Anbindung

03 / DEVELOPMENT

Technische Umsetzung

Aufbau und Arbeitsablauf
  1. 01ACF Flexible Content
  2. 02Section-Renderer
  3. 03WordPress-Vorlagen
  4. 04Formulare / CRM

Schematische Darstellung, kein Screenshot

Code auf GitHub
04 / Interior Design

Inhalte als Baukasten

ACF Flexible Content liefert die Inhaltsstruktur. Schlanke WordPress-Templates rufen einen gemeinsamen Section-Renderer auf. Globale Einstellungen steuern wiederkehrende Elemente; dieselben Bausteine lassen sich auf verschiedenen Seiten einsetzen.

Interior Design — Interior Design / 02
02 / Interior Design / 02Projektansicht
05 / Interior Design

Bewegung mit technischer Kontrolle

Die Videowirkung entsteht durch eine Canvas-Bildsequenz, deren Fortschritt an den Scrollweg gekoppelt ist. Der Code passt die Bildschritte für Touch-Geräte an und berücksichtigt reduzierte Bewegung. Unterschiedliche Hero-Varianten können über die Inhaltsstruktur ausgewählt werden.

Interior Design — Interior Design / 03
03 / Interior Design / 03Projektansicht
06 / Interior Design

Vom Formular zum Arbeitsprozess

Formulare und Quiz führen Anfragen in das eigene CRM. Der Kunde kann die Weiterleitung konfigurieren. Ich habe die komplette Entwicklung und die technischen Entscheidungen übernommen; rund 80 % der Designvorlage kamen vom Designer.

Interior Design — Interior Design / 04
04 / Interior Design / 04Projektansicht

Ein Projekt von Bohdan Anisovets

Webentwicklung mit Substanz.

Sie suchen Unterstützung für Ihr Team oder ein individuelles WordPress-Projekt?

Kontakt aufnehmen Nächstes Projekt: Paving & Stone Zur Projektübersicht