Todo el trabajo

Convertia

Un sitio de marketing multilingüe construido como páginas gestionadas desde un CMS, desde los módulos de inicio y de soluciones hasta los flujos de contacto, blog y empresa, llevado hasta el lanzamiento con mejoras de SEO, vídeo y rendimiento.

Cliente
Convertia — sitio de marketing
Rol
Ingeniera frontend
Duración
Hasta el lanzamiento
Año
2024
Ver proyecto en vivo
La cabecera de la página de inicio de Convertia, con la navegación del sitio entre Services, Tech Hub, Industries, Cases, Company y Learn.
9
Páginas construidas
3
Menús de navegación responsive

01

El desafío

Un sitio de marketing tiene que hacer algo más que reproducir un conjunto de diseños: también debe darle a un equipo una forma práctica de gestionar el contenido a medida que el sitio crece.

Para Convertia, eso significó construir un sitio multilingüe con varios tipos de página y contenido gestionado desde el CMS, cuidando además los detalles de SEO, vídeo y rendimiento antes del lanzamiento.

02

Mi rol

Fui una de las principales responsables de la implementación del frontend del sitio, convirtiendo los diseños en módulos de página reutilizables gestionados desde el CMS y en flujos de página completos.

También me ocupé de la navegación responsive, del trabajo de páginas multilingües y de una serie de correcciones de SEO, vídeo y rendimiento a medida que el sitio se acercaba al lanzamiento.

03

La ingeniería

De los diseños a módulos gestionados desde el CMS

Construí las secciones principales de las páginas del sitio, entre ellas el contenido de inicio, los héroes y CTAs de soluciones, socios, casos de éxito, newsletter, módulos de blog, banners y héroes de industrias.

Estos módulos estaban conectados al CMS para poder gestionar el contenido sin tener que codificar a mano cada actualización de página.

Flujos de página completos

Construí páginas completas de principio a fin, entre ellas Contacto, Blog, Casos de uso, Tech Hub, Sobre nosotros y Empresa, Recursos, Privacidad, la página 404 y Únete, junto con el footer compartido.

Navegación responsive y móvil

Me ocupé de las experiencias móviles de los menús Industries, Cases y Learn y construí una barra de navegación fluida que se adapta a todos los tamaños de pantalla.

Pulido final: SEO, vídeo y rendimiento

Refactoricé la configuración de SEO y de etiquetas, añadí la configuración de robots y sitemap e integré ReactPlayer para el vídeo.

También corregí el comportamiento de autoplay y de scroll y trabajé en el comportamiento de la caché de ida y vuelta (back/forward cache) como parte del trabajo de rendimiento del sitio.

04

Lo que entregué

  • Módulos de página gestionados desde el CMS en inicio, soluciones, socios, casos de éxito, newsletter, blog e industrias.
  • Nueve páginas completas, entre ellas Contacto, Blog, Casos de uso, Tech Hub, Empresa, Recursos, Privacidad, 404 y Únete.
  • Navegación responsive para los menús Industries, Cases y Learn, además de la barra de navegación compartida.
  • Implementación de páginas multilingües en los principales flujos del sitio.
  • Refactorización de SEO y etiquetas, y configuración de robots y sitemap.
  • Integración de vídeo con ReactPlayer, con correcciones de autoplay y de scroll.
  • Caché de ida y vuelta y otras mejoras de rendimiento orientadas al lanzamiento.

05

Resultados

  • Entregué un amplio conjunto de módulos reutilizables gestionados desde el CMS y flujos de página en todo el sitio de marketing.
  • Llevé el frontend a través del trabajo final de SEO, vídeo, diseño responsive y rendimiento necesario para el lanzamiento.
  • Lancé el sitio como una experiencia mantenible gestionada desde un CMS, y no como un conjunto de páginas de marketing codificadas a mano.

06

Stack

Aplicación
  • Next.js
  • TypeScript
  • Tailwind CSS
Contenido
  • WordPress (CMS)
Multimedia
  • ReactPlayer

Siguiente desglose

PlayStation Advent Calendar 2025

Una app de campaña localizada y sujeta a fechas de desbloqueo, con cinco juegos integrados, que alcanzó un estimado de 1M de usuarios en cuatro mercados.