Marketing
Przeniesienie z Figma do WordPressa (Elementor) dla agencji marketingowej nastawionej na performance
Czas ładowania
~1,2 s
Szybkość działania strony:
92/100
Wbudowane:
około 90 godzin
O kliencie
The Orchard Agency to agencja z siedzibą w Melbourne w Australii, specjalizująca się w e-mail marketingu i automatyzacji marketingu, która pomaga markom z branży e-commerce, B2B i usługowej rozwijać się dzięki komunikacji opartej na danych.
Od 2010 roku nawiązali współpracę z ponad 500 firmami – od szybko rozwijających się start-upów po uznane międzynarodowe korporacje – osiągając wymierne wyniki dzięki marketingowi performance, automatyzacji i inteligentnym działaniom angażującym klientów, a wszystko to bez zakłócania bieżącej działalności firmy.
Wyzwanie
Firma The Orchard musiała przekształcić szczegółowy projekt z Figma w wysokiej jakości stronę internetową opartą na WordPressie, która:
- dopasowano projekt co do piksela
- można było łatwo edytować przez ich wewnętrzny zespół
- Wspieramy rozbudowane animacje bez utraty performance
- ładuje się szybko i spełnia współczesne standardy PageSpeed
Strona musiała też odzwierciedlać ekskluzywny wizerunek agencji, nastawiony na performance.
Nasze rozwiązanie
Firma IMADO zajęła się konwersją projektu z Figma do WordPressa, wykorzystując wtyczkę Elementor do edycji, przy jednoczesnym zachowaniu performance i przejrzystej struktury.
Co dostarczaliśmy
- Przekształciłem cały projekt z Figmy w niestandardową stronę internetową opartą na WordPressie
- Wdrożyliśmy Elementor w sposób kontrolowany i z uwzględnieniem skalowalności, żeby ułatwić edycję treści
- Wbudowane animacje Lottie, które wzbogacają narrację bez utraty szybkości działania
- Optymalizujemy front-end i back-end pod kątem performance oraz Core Web Vitals
- Zapewniono spójność między punktami przełamania a urządzeniami
W rezultacie powstała strona, która wygląda dokładnie tak, jak na projekcie – i ma dobrą performance, jak platforma gotowa do wdrożenia.
Wdrażanie animacji Lottie
Aby wzbogacić wizualną narrację bez utraty performance strony, w kluczowych sekcjach strony wdrożyliśmy animacje Lottie.
Animacje zostały starannie wkomponowane, aby:
- dopasuj do oryginalnego projektu animacji w Figma
- nadal są lekkie i mają dobrą performance
- działać płynnie na różnych urządzeniach i ekranach o różnych rozmiarach
- unikaj negatywnego wpływu na Core Web Vitals
Wykorzystując animacje Lottie zamiast ciężkich plików wideo czy GIF-ów, udało nam się zachować szybkie ładowanie strony, a jednocześnie dodać subtelne ruchy, które podkreślają ekskluzywny charakter marki.
Ich szybkość działania i komunikacja były imponujące.
Wei Tan
Współzałożyciel agencji The Orchard (Australia)
Wpływ i wyniki
- Wynik PageSpeed: 92/100
- Szybkie ładowanie (~1,2 s) pomimo bogatej grafiki i animacji
- Zespół marketingowy może samodzielnie aktualizować treści za pomocą Elementora
- Przejrzysta, łatwa w utrzymaniu konfiguracja, gotowa na przyszły wzrost
Technologia i podejście
- WordPress z Elementorem
- Implementacja front-endu z naciskiem na performance
- Animacje Lottie do tworzenia płynnych ruchów
- Przejrzysta struktura zaprojektowana z myślą o długoterminowej łatwości utrzymania
Estelle Gassmann
Przekształcenie charakterystycznego projektu z Figma w gotową do uruchomienia stronę internetową na WordPressie
AirHop
Połączyliśmy trzy marki WordPress w jedną platformę multisite. Strony globalne i lokalne, niestandardowy kalendarz oraz zarządzanie treścią o 200% szybsze.
Vincents
Skalowalna platforma handlowa dla branży motoryzacyjnej, przebudowana z myślą o performance, szybkim wyszukiwaniu i integracjach opartych na API – poprawiająca szybkość działania strony, synchronizację danych i generowanie leadów.
JUMP House
Wysokowydajna platforma WordPress dla jednej z wiodących niemieckich marek parków trampolin – stworzona z myślą o szybkości działania, modułowym zarządzaniu treścią oraz ścieżkach użytkownika nastawionych na konwersję.
Rush
Wysokowydajna platforma WordPress dla międzynarodowej marki z branży rekreacyjnej, stworzona z myślą o ekspansji w całej Skandynawii.
Spadiora
High-performance fashion eCommerce website on WordPress with a custom checkout, multilingual support, and flexible promotions.
Stwórzmy coś wyjątkowego
Pod Twoją marką, z wykorzystaniem wiedzy naszych doświadczonych WordPress developerów.
