Marknadsföring

Från Figma till WordPress (Elementor) för en prestationsinriktad marknadsföringsbyrå

Låt oss bygga tillsammans

Se liveversionen

Laddningstid

~1,2 s

Sidhastighet:

92/100

Bygg in:

~90 timmar

Om kunden

The Orchard Agency är en byrå för e-postmarknadsföring och marknadsföringsautomatisering med säte i Melbourne, Australien, som hjälper varumärken inom e-handel, B2B och tjänstesektorn att växa genom datadriven kommunikation.

Sedan 2010 har de samarbetat med över 500 företag – från snabbväxande nystartade företag till etablerade multinationella koncerner – och levererat mätbara resultat genom prestationsbaserad marknadsföring, automatisering och intelligent kundengagemang utan att störa den löpande verksamheten.

Utmaningen

The Orchard behövde omvandla en detaljerad Figma-design till en högkvalitativ WordPress-webbplats som:

matchade designen pixel för pixel
förblev enkla att redigera för deras interna team
stöd för avancerade animationer utan att prestandan påverkas negativt
laddades snabbt och uppfyllde moderna PageSpeed-standarder

Webbplatsen behövde också återspegla byråns exklusiva och resultatinriktade positionering.

Vår lösning

IMADO skötte konverteringen från Figma till WordPress och använde Elementor som redigeringsverktyg, samtidigt som man bibehöll prestandan och en ren struktur.

Vad vi levererade

Omvandlade hela Figma-designen till en skräddarsydd WordPress-webbplats
Implementerade Elementor på ett kontrollerat och skalbart sätt för enkel redigering av innehåll
Integrerade Lottie-animationer för att förbättra berättandet utan att det går ut över hastigheten
Optimerad frontend och backend för prestanda och Core Web Vitals
Säkerställd enhetlighet mellan brytpunkter och enheter

Resultatet blev en webbplats som ser ut precis som i designen – och fungerar som en plattform som är redo för produktion.

Implementering av Lottie-animationer

För att förbättra det visuella berättandet utan att kompromissa med prestandan har vi implementerat Lottie-animationer i viktiga delar av webbplatsen.

Animationerna har noggrant integrerats för att:

överensstämma med den ursprungliga Figma-animationen
förbli lätta och prestandastarka
fungera smidigt på olika enheter och skärmstorlekar
undvika negativ inverkan på Core Web Vitals

Genom att använda Lottie istället för tunga videofiler eller GIF-bilder kunde vi bibehålla snabba laddningstider samtidigt som vi lade till subtila rörelser som förstärker varumärkets exklusiva känsla.

Deras snabbhet och kommunikation var imponerande.
Wei Tan
Medgrundare, The Orchard Agency (Australien)

Läs mer på Clutch

Effekter och resultat

PageSpeed-betyg: 92/100
Snabb laddningstid (~1,2 s) trots detaljrika bilder och animationer
Marknadsföringsteamet kan uppdatera innehållet på egen hand med hjälp av Elementor
En ren och lättskött lösning som är redo för framtida tillväxt

Teknik och tillvägagångssätt

WordPress med Elementor
Prestandainriktad frontend-implementering
Lottie-animationer för smidiga rörelser
En tydlig struktur utformad med tanke på långsiktig underhållsbarhet

Senaste arbeten

Ett urval av våra senaste projekt där vi har hjälpt varumärken att bygga snabba, skalbara och lättanvända WordPress-plattformar.

Visa alla verk

AirHop
Sammanslog tre WordPress-varumärken till en enda multisite-plattform. Globala sidor och platssidor, anpassad kalender samt 200 % snabbare innehållshantering.
Vincents
En skalbar marknadsplats för fordonsbranschen som har byggts om för att erbjuda hög prestanda, snabb sökning och API-baserade integrationer – vilket förbättrar sidhastigheten, datasynkroniseringen och genereringen av leads.
JUMP House
En högpresterande WordPress-plattform för ett av Tysklands ledande varumärken inom trampolinparker – utvecklad för snabbhet, modulär innehållshantering och konverteringsinriktade användarupplevelser.
Rush
En högpresterande WordPress-plattform för ett fritidsvarumärke med verksamhet i flera länder, utvecklad för att kunna skalas upp i hela Skandinavien.
Spadiora
Högpresterande e-handel för mode på WordPress med anpassad kassa, stöd för flera språk och flexibla kampanjer.
GeminiAMPM
Vi har omdesignat Gemini AMPM:s webbplats med en ny visuell identitet, SEO-optimerade tjänstesidor och konverteringsinriktade layouter för att stärka förtroendet och öka antalet leads.