Markkinointi
Figma:sta WordPressiin (Elementor) suorituskykykeskeiselle markkinointitoimistolle
Latausaika
~1,2 s
Sivun latausnopeus:
92/100
Asenna:
noin 90 tuntia
Tietoja asiakkaasta
The Orchard Agency on Melbournessa, Australiassa toimiva sähköposti- ja markkinoinnin automaatioalan toimisto, joka auttaa verkkokaupan, B2B- ja palvelualojen brändejä kasvamaan datalähtöisen viestinnän avulla.
Vuodesta 2010 lähtien yritys on tehnyt yhteistyötä yli 500 yrityksen kanssa – nopeasti kasvavista startup-yrityksistä vakiintuneisiin monikansallisiin suuryrityksiin – ja tuottanut mitattavia tuloksia suorituskykyperusteisen markkinoinnin, automaation ja älykkään asiakaskommunikaation avulla ilman, että se häiritsee yritysten päivittäistä toimintaa.
Haaste
The Orchardin tehtävänä oli muuntaa yksityiskohtainen Figma-suunnittelu korkealaatuiseksi WordPress-verkkosivustoksi, joka:
- vastasi suunnittelua pikselintarkasti
- niiden sisäisen tiimin oli edelleen helppo muokata
- tukee monipuolisia animaatioita suorituskykyä heikentämättä
- latautui nopeasti ja täytti nykyaikaiset PageSpeed-standardit
Sivuston tuli myös heijastaa toimiston korkealaatuista ja tuloslähtöistä asemaa.
Ratkaisumme
IMADO vastasi Figma-sivuston muuntamisesta WordPress-sivustoksi käyttäen Elementoria muokkausympäristönä ja säilyttäen samalla sivuston suorituskyvyn ja selkeän rakenteen.
Mitä toimitimme
- Muunsin koko Figma-suunnittelun räätälöidyksi WordPress-verkkosivustoksi
- Elementor otettiin käyttöön hallitusti ja skaalautuvasti, jotta sisällön muokkaaminen olisi helppoa
- Integroituja Lottie-animaatioita, jotka tehostavat tarinankerrontaa ilman, että nopeus kärsii
- Suorituskykyä ja Core Web Vitals -mittareita varten optimoidut käyttöliittymä- ja taustaprosessit
- Varmistettu yhdenmukaisuus eri katkaisupisteiden ja laitteiden välillä
Tuloksena syntyi sivusto, joka näyttää täsmälleen samalta kuin suunnitelma – ja toimii kuin tuotantokäyttöön valmis alusta.
Lottie-animaatioiden toteutus
Jotta voisimme tehostaa visuaalista tarinankerrontaa suorituskykyä heikentämättä, otimme käyttöön Lottie-animaatioita verkkosivuston keskeisissä osioissa.
Animaatiot on integroitu huolellisesti seuraaviin tarkoituksiin:
- vastaa alkuperäistä Figma-liikegrafiikkaa
- pysyvät kevyinä ja suorituskykyisinä
- toimii sujuvasti eri laitteilla ja eri kokoisilla näytöillä
- vältetään kielteisiä vaikutuksia Core Web Vitals -mittareihin
Käyttämällä Lottiea raskaiden video- tai GIF-tiedostojen sijaan pystyimme säilyttämään nopeat latausajat ja lisäämään samalla hienovaraista liikettä, joka tukee brändin korkealaatuista tunnelmaa.
Heidän nopeutensa ja viestintänsä olivat vaikuttavia.
Wei Tan
Perustajajäsen, The Orchard Agency (Australia)
Vaikutukset ja tulokset
- PageSpeed-pisteet: 92/100
- Nopea latausaika (~1,2 s) huolimatta näyttävästä grafiikasta ja animaatioista
- Markkinointitiimi voi päivittää sisältöä itsenäisesti Elementorin avulla
- Siisti ja ylläpidettävä kokoonpano, joka on valmis tulevaa kasvua varten
Teknologia ja toimintatapa
- WordPress ja Elementor
- Suorituskykyyn painottuva front-end-toteutus
- Lottie-animaatiot kevyisiin liikkeisiin
- Selkeä rakenne, jossa on otettu huomioon pitkän aikavälin ylläpidettävyys
AirHop
Yhdistimme kolme WordPress-brändiä yhdeksi monisivustoalustaksi. Globaalit ja paikkakohtaiset sivut, mukautettu kalenteri sekä 200 % nopeampi sisällönhallinta.
Vincents
Skaalautuva autokauppapaikka, joka on uudistettu suorituskyvyn, nopean haun ja API-pohjaisten integraatioiden parantamiseksi – sivujen latausnopeuden, tietojen synkronoinnin ja liidien hankinnan tehostamiseksi.
JUMP House
Suorituskykyinen WordPress-alusta yhdelle Saksan johtavista trampoliinipuistobrändeistä – suunniteltu nopeutta, modulaarista sisällönhallintaa ja konversioihin keskittyviä käyttäjäpolkuja silmällä pitäen.
Rush
Monessa maassa toimivalle vapaa-ajan brändille kehitetty suorituskykyinen WordPress-alusta, joka on suunniteltu skaalautumaan koko Skandinaviaan.
Spadiora
Suorituskykyinen muotialan verkkokauppa WordPress-alustalla, jossa on räätälöity kassatoiminto, monikielinen tuki ja joustavat tarjoukset.
GeminiAMPM
Uudistimme Gemini AMPM:n verkkosivuston ottamalla käyttöön uuden visuaalisen ilmeen, hakukoneoptimoidut palvelusivut ja konversioihin painottuvat sivuasettelut, jotta voimme vahvistaa luottamusta ja lisätä liidien määrää.
Rakennetaan jotain ainutlaatuista
Oman brändisi alla, toteutettuna kokeneiden WordPress-kehittäjiemme toimesta.
