Marketing

Von Figma zu WordPress (Elementor) für eine leistungsorientierte Marketingagentur

Ladezeit

~1,2 s

Seitengeschwindigkeit:

92/100

Einbau:

~90 Stunden

Über den Kunden

Die Orchard Agency ist eine in Melbourne, Australien, ansässige Agentur für E-Mail-Marketing und Marketingautomatisierung, die Marken aus den Bereichen E-Commerce, B2B und Dienstleistungen dabei unterstützt, durch datengestützte Kommunikation zu wachsen.

Seit 2010 arbeiten sie mit über 500 Unternehmen zusammen – von schnell wachsenden Start-ups bis hin zu etablierten multinationalen Konzernen – und erzielen messbare Ergebnisse durch Performance-Marketing, Automatisierung und intelligente Kundenbindung, ohne den laufenden Geschäftsbetrieb zu stören.

Die Herausforderung

The Orchard sollte ein detailliertes Figma-Design in eine hochwertige WordPress-Website umsetzen, die:

  • hat das Design pixelgenau umgesetzt
  • konnten vom internen Team weiterhin problemlos bearbeitet werden
  • unterstützte aufwendige Animationen, ohne die Leistung zu beeinträchtigen
  • wurde schnell geladen und erfüllte die aktuellen PageSpeed-Standards

Die Website sollte außerdem die hochwertige, leistungsorientierte Positionierung der Agentur widerspiegeln.

Unsere Lösung

IMADO hat die Konvertierung von Figma nach WordPress übernommen und dabei Elementor als Bearbeitungsumgebung genutzt, ohne dabei Abstriche bei der Leistung und der übersichtlichen Struktur zu machen.

Was wir geliefert haben

  • Habe das komplette Figma-Design in eine maßgeschneiderte WordPress-Website umgesetzt
  • Elementor wurde auf kontrollierte und skalierbare Weise implementiert, um die Bearbeitung von Inhalten zu vereinfachen
  • Integrierte Lottie-Animationen, um das Storytelling zu verbessern, ohne dabei an Geschwindigkeit einzubüßen
  • Optimiertes Frontend und Backend für Leistung und Core Web Vitals
  • Gewährleistete Konsistenz über alle Breakpoints und Geräte hinweg

Das Ergebnis war eine Website, die genau wie der Entwurf aussieht – und wie eine produktionsreife Plattform funktioniert.

Implementierung von Lottie-Animationen

Um das visuelle Storytelling zu verbessern, ohne dabei die Leistung zu beeinträchtigen, haben wir in wichtigen Bereichen der Website Lottie-Animationen eingesetzt.

Die Animationen wurden sorgfältig integriert, um:

  • dem ursprünglichen Figma-Motion-Design entsprechen
  • bleiben leicht und leistungsstark
  • auf allen Geräten und bei allen Bildschirmgrößen reibungslos funktionieren
  • negative Auswirkungen auf die Core Web Vitals vermeiden

Indem wir Lottie anstelle von schweren Video- oder GIF-Dateien verwendet haben, konnten wir schnelle Ladezeiten gewährleisten und gleichzeitig dezente Bewegungen einbauen, die das Premium-Image der Marke unterstreichen.

Ihre Schnelligkeit und ihre Kommunikation waren beeindruckend.

Wei Tan

Mitbegründer von The Orchard Agency (Australien)

Auswirkungen & Ergebnisse

  • PageSpeed-Wert von 92/100
  • Schnelle Ladezeit (~1,2 s) trotz aufwendiger Grafiken und Animationen
  • Das Marketing-Team kann Inhalte mithilfe von Elementor selbstständig aktualisieren
  • Eine übersichtliche, wartungsfreundliche Struktur, die für zukünftiges Wachstum gerüstet ist

Technologie & Vorgehensweise

  • WordPress mit Elementor
  • Leistungsorientierte Frontend-Implementierung
  • Lottie-Animationen für flüssige Bewegungen
  • Eine übersichtliche Struktur, die auf langfristige Wartbarkeit ausgelegt ist

Neueste Arbeiten

Eine Auswahl aktueller Projekte, bei denen wir Marken dabei unterstützt haben, schnelle, skalierbare und einfach zu verwaltende WordPress-Plattformen aufzubauen.

  • AirHop

    AirHop

    Wir haben drei WordPress-Marken auf einer Multisite-Plattform zusammengeführt. Globale Seiten + Standortseiten, ein individueller Kalender und eine um 200 % schnellere Inhaltsverwaltung.

  • Vincents

    Vincents

    Ein skalierbarer Marktplatz für die Automobilbranche, der auf Leistung, schnelle Suche und API-gesteuerte Integrationen ausgelegt ist – für eine schnellere Seitenladegeschwindigkeit, bessere Datensynchronisation und eine effektivere Lead-Generierung.

  • JUMP House

    JUMP House

    Leistungsstarke WordPress-Plattform für eine der führenden Trampolinpark-Marken Deutschlands – entwickelt für Geschwindigkeit, modulares Content-Management und konversionsorientierte Nutzerpfade.

  • Rush

    Rush

    Eine leistungsstarke WordPress-Plattform für eine länderübergreifende Freizeitmarke, die für eine Skalierung in ganz Skandinavien ausgelegt ist.

  • Spadiora

    Spadiora

    Leistungsstarker Mode-E-Commerce auf WordPress mit einem maßgeschneiderten Bestellvorgang, mehrsprachiger Unterstützung und flexiblen Werbeaktionen.

  • GeminiAMPM

    GeminiAMPM

    Wir haben die Gemini AMPM-Website mit einer neuen visuellen Identität, SEO-optimierten Serviceseiten und auf Konversion ausgerichteten Layouts neu gestaltet, um das Vertrauen zu stärken und die Lead-Generierung zu steigern.

Lass uns etwas Außergewöhnliches auf die Beine stellen

Unter deiner Marke, umgesetzt von unseren erfahrenen WordPress-Entwicklern.

Kostenlos beraten lassen