WordPress-Umsetzung für ESSENZ Apotheken.
Wir setzten das bereitgestellte Figma-Design als WordPress-Website um. Wiederverwendbare Vorlagen, synchronisierte Elemente und eine Einführung gaben dem Team einen klaren Arbeitsweg für die spätere Pflege.
Das haben wir übernommen
- WordPress-Umsetzung nach Figma
- Vorlagen & synchronisierte Elemente
- Team-Einführung & Microsoft Clarity
Unser Beitrag im BildDie Startseitenansicht zeigt unsere WordPress-Umsetzung des bereitgestellten Figma-Designs; die Gestaltung selbst kam vom Kunden.
01Ausgangslage
Das Figma-Design als pflegbare WordPress-Struktur.
ESSENZ Apotheken wollte Standorte, Leistungen und Gesundheitsangebote in einem erneuerten Webauftritt präsentieren. Die gestalterische Grundlage wurde als Figma-Design vom Kunden bereitgestellt.
Für die Umsetzung war entscheidend, dass das interne Team Inhalte später selbst bearbeiten kann. Wiederkehrende Seiten und Elemente brauchten deshalb eine verlässliche Struktur in WordPress.
02Unser Beitrag
WordPress so aufbauen, dass das Team weiterarbeiten kann.
Wir übersetzten das vorgegebene Design in Seitenstrukturen, wiederverwendbare Bausteine und einen konkreten Pflegeprozess.
WordPress nach Figma-Vorlage
Wir setzten das bereitgestellte Figma-Design in WordPress um. Layouts, Inhaltsbereiche und wiederkehrende Elemente bauten wir als bearbeitbare Seitenstrukturen auf; die visuelle Konzeption blieb beim Kunden.
Wiederverwendbare Seitenvorlagen
Für wiederkehrende Seitentypen erstellten wir Vorlagen. Neue Seiten können auf einem vorhandenen Aufbau starten, ohne dass das Team Abstände, Reihenfolge und Inhaltsstruktur jedes Mal neu zusammensetzen muss.
Zentral gepflegte Elemente
Wiederkehrende Inhalte legten wir als synchronisierte Elemente an. Das Team bearbeitet einen gemeinsamen Baustein an der vorgesehenen Stelle; die verbundenen Seiten übernehmen die Änderung.
Einführung des Teams
Bei der Übergabe zeigten wir dem Team direkt in WordPress, wie es Inhalte, Vorlagen und synchronisierte Elemente bearbeitet. Die Verantwortlichen erhielten damit einen konkreten Arbeitsweg für neue und bestehende Seiten.
Microsoft Clarity & Nutzungsanalyse
Wir richteten Microsoft Clarity ein und sichteten Nutzungsaufzeichnungen. Die Analyse gliederte die Aufzeichnungen nach Mobile und Desktop sowie nach zentralen Seitenwegen.
03Im Detail
Wiederkehrende Inhalte nicht als einzelne Kopien bauen.
Für Inhalte, die auf mehreren Seiten vorkommen, bauten wir synchronisierte Elemente statt voneinander getrennter Kopien. Dadurch hat das Team eine feste Bearbeitungsstelle für den gemeinsamen Baustein. Für neue Seitentypen stehen zusätzlich Vorlagen bereit, die Aufbau und Inhaltslogik vorgeben.
Prinzip der synchronisierten Elemente
Schematische Darstellung: Die Änderung wird auf den verbundenen Seiten übernommen.
Was die Arbeit ermöglicht
Vorlagen und Pflegeprozess gemeinsam übergeben.
Die Übergabe verband die eingerichteten WordPress-Strukturen mit der Arbeit im Backend. Das Team lernte an den Vorlagen und synchronisierten Elementen, wie neue Inhalte angelegt und wiederkehrende Angaben zentral geändert werden.
Dein nächstes Projekt
Ein fertiges Design. Eine Website, die dein Team pflegt.
Wir setzen dein Design in WordPress um und richten Vorlagen für die tägliche Arbeit ein. Lass uns über deine Website sprechen.