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
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.
GeminiAMPM
Przeprojektowaliśmy stronę internetową Gemini AMPM, nadając jej nową identyfikację wizualną, tworząc strony usługowe zoptymalizowane pod kątem SEO oraz układy stron nastawione na konwersję, aby wzbudzić większe zaufanie i zwiększyć liczbę potencjalnych klientów.
Stwórzmy coś wyjątkowego
Pod Twoją marką, z wykorzystaniem wiedzy naszych doświadczonych WordPress developerów.
