Marketing
De Figma a WordPress (Elementor) para una agencia de marketing centrada en los resultados
Tiempo de carga
~1,2 s
Velocidad de la página:
92/100
Incluye:
unas 90 horas
Sobre el cliente
The Orchard Agency es una agencia de marketing por correo electrónico y automatización de marketing con sede en Melbourne (Australia) que ayuda a marcas de los sectores del comercio electrónico, el B2B y los servicios a crecer a través de una comunicación basada en datos.
Desde 2010, han colaborado con más de 500 empresas —desde startups en rápido crecimiento hasta multinacionales consolidadas— y han conseguido resultados medibles gracias al marketing de rendimiento, la automatización y la interacción inteligente con los clientes, todo ello sin alterar las operaciones habituales de la empresa.
El reto
The Orchard necesitaba convertir un diseño detallado de Figma en una página web de WordPress de alta calidad que:
- se ajustó al diseño al milímetro
- seguía siendo fácil de editar por su equipo interno
- admitía animaciones muy elaboradas sin que el rendimiento se viera afectado
- Se carga rápido y cumple con los estándares modernos de PageSpeed
Además, la web tenía que reflejar el posicionamiento de alta gama y orientado al rendimiento de la agencia.
Nuestra solución
IMADO se encargó de la conversión de Figma a WordPress, utilizando Elementor como herramienta de edición y manteniendo al mismo tiempo el rendimiento y una estructura limpia.
Lo que hemos hecho
- He convertido todo el diseño de Figma en una página web personalizada de WordPress
- He implementado Elementor de forma controlada y escalable para facilitar la edición de contenidos
- He integrado animaciones de Lottie para mejorar la narración sin perder velocidad
- Front-end y back-end optimizados para mejorar el rendimiento y los Core Web Vitals
- Se garantiza la coherencia en todos los puntos de ruptura y dispositivosn
El resultado fue una web que se ve exactamente igual que el diseño y que funciona como una plataforma lista para su puesta en producción.
Implementación de Lottie Animations
Para mejorar la narración visual sin que el rendimiento se vea afectado, hemos incorporado animaciones de Lottie en las secciones clave de la web.
Las animaciones se integraron con mucho cuidado para:
- que se ajuste al diseño de animación original de Figma
- siguen siendo ligeros y eficaces
- funcionar sin problemas en distintos dispositivos y tamaños de pantalla
- evitar un impacto negativo en los Core Web Vitals
Al usar Lottie en lugar de archivos de vídeo o GIF pesados, hemos conseguido mantener unos tiempos de carga rápidos y, al mismo tiempo, hemos añadido un movimiento sutil que refuerza la imagen de calidad de la marca.
Su rapidez y su comunicación fueron impresionantes.
Wei Tan
Cofundador de The Orchard Agency (Australia)
Impacto y resultados
- Puntuación de PageSpeed: 92/100
- Tiempo de carga rápido (aprox. 1,2 s) a pesar de los elementos visuales y las animaciones tan elaboradas
- El equipo de marketing puede actualizar el contenido por su cuenta con Elementor
- Una configuración limpia y fácil de mantener, preparada para crecer en el futuro
Tecnología y enfoque
- WordPress con Elementor
- Implementación del front-end centrada en el rendimiento
- Animaciones de Lottie para movimientos ligeros
- Una estructura clara pensada para facilitar el mantenimiento a largo plazo
AirHop
Hemos unificado tres marcas de WordPress en una sola plataforma multisitio. Páginas globales y de ubicaciones, calendario personalizado y una gestión de contenidos un 200 % más rápida.
Vincents
Una plataforma de mercado automovilístico escalable, rediseñada para ofrecer un mejor rendimiento, búsquedas rápidas e integraciones basadas en API, lo que mejora la velocidad de carga de las páginas, la sincronización de datos y la generación de clientes potenciales.
JUMP House
Plataforma de WordPress de alto rendimiento para una de las principales marcas de parques de camas elásticas de Alemania, diseñada para ofrecer velocidad, una gestión de contenidos modular y recorridos de usuario orientados a la conversión.
Rush
Plataforma de WordPress de alto rendimiento para una marca de ocio presente en varios países, diseñada para expandirse por toda Escandinavia.
Spadiora
Tienda online de moda de alto rendimiento en WordPress con un proceso de pago personalizado, soporte multilingüe y promociones flexibles.
GeminiAMPM
Hemos rediseñado la web de Gemini AMPM con una nueva identidad visual, páginas de servicios optimizadas para SEO y diseños centrados en la conversión, con el objetivo de reforzar la confianza y aumentar la generación de clientes potenciales.
Vamos a crear algo excepcional
Bajo tu marca, con el apoyo de nuestros expertos desarrolladores de WordPress.
