El nuevo Jetpack.com, un mes después

En abril empezamos a reconstruir Jetpack.com. A los pocos días, con las herramientas de programación con IA haciendo prácticamente todo el trabajo, ya teníamos un tema funcional y un sitio de pruebas.

Fue más rápido de lo que esperaba. Así que el proyecto creció.

Avancemos hasta el 27 de agosto: el nuevo Jetpack.com se puso en marcha. Ha pasado algo más de un mes y quiero compartir qué ha cambiado, cómo lo hemos creado y qué nos permite hacer ahora.

Decidimos lanzar con el mismo nivel de funcionalidad

El objetivo para el día del lanzamiento no era un rediseño espectacular. Era conservar todo lo que ya funcionaba para los visitantes y sustituir los cimientos… al tiempo que hacíamos algunos retoques al diseño existente.

Mi compañero Robert se encargó de la parte difícil, el backend y la infraestructura, mientras yo me centré en el frontend y el diseño (mi punto fuerte).

La página de inicio y la página de precios fueron las que más cambiaron respecto al diseño original. Antes, los precios estaban en una aplicación independiente, así que al hacer clic en «Precios» salías del sitio. Era una experiencia de usuario incómoda y ahora es una página más de Jetpack.com. La mayoría de las páginas de productos conservaron su contenido y pasaron al nuevo diseño.

Los primeros datos indican que el cambio no afectó negativamente a las tasas de conversión; de hecho, estamos viendo una ligera mejora. El objetivo era mantener la línea base, así que cualquier resultado superior es un extra.

Es un tema de bloques de WordPress

El nuevo sitio es un tema de bloques que funciona en WordPress.com. Cada página está creada con bloques y patrones, y las partes interactivas son bloques personalizados escritos en TypeScript sobre la API de Interactividad.

No hay ningún creador de páginas ni un frontend headless. Es WordPress.

El contenido también está en git

Esta es la parte que creo que más les interesará a quienes crean sitios con WordPress.

Cada entrada, página y guía de soporte de Jetpack.com también vive en un repositorio de git como marcado de bloques sin formato. Son casi 1.000 entradas de blog, unas 350 guías de soporte y 77 páginas, todas versionadas junto al tema.

Hay tres formas de que un cambio llegue al sitio:

Nadie tiene que elegir un bando. Nuestros Happiness Engineers corrigen una guía de soporte en wp-admin como siempre. Un desarrollador puede cambiar una docena de páginas en una sola solicitud de extracción y conseguir una segunda revisión antes de que nada se publique.

Las personas deciden. Los agentes escriben.

Creamos este sitio junto a agentes de programación con IA y también lo gestionamos así.

El repositorio incluye instrucciones que Claude Code, Codex o Cursor pueden seguir. Describes lo que quieres, por ejemplo: «actualiza las imágenes destacadas de estas entradas antiguas del blog» o «crea una rama para las animaciones de la página de inicio y enséñame la vista previa local». El agente obtiene el contenido, hace el cambio, lo comprueba y abre la solicitud de extracción.

Se detiene y pregunta antes de tocar nada del sitio en producción (si no estás en modo YOLO). Las comprobaciones automáticas se ejecutan con cada cambio y una persona lo aprueba antes de que se publique.

Ahora los profesionales de marketing, el equipo de soporte y los ingenieros pueden trabajar todos en el mismo sitio mediante el mismo proceso.

Las traducciones se mantienen actualizadas

Cada página y entrada que publicamos en inglés se traduce automáticamente al español, francés, alemán y japonés. Elegimos esos cuatro idiomas porque eran los más populares en el sitio antiguo.

Cuando cambia el inglés, solo se vuelven a traducir los párrafos modificados. Cada traducción pasa por una revisión antes de publicarse. En septiembre, las guías de soporte se incorporaron al mismo proceso.

Un rediseño del soporte en un día

¿Quieres un ejemplo?

Hace aproximadamente una semana, en nuestra reunión semanal con el equipo de Happiness de Jetpack, hablamos de lo difícil que era encontrar la guía de soporte adecuada. Las guías de un producto solo se podían abrir desde una lista seleccionada manualmente al final de cada artículo. VaultPress Backup tiene 11 guías y esa lista mostraba unas 8.

El rediseño se creó en un día y estuvo disponible esa misma semana.

Esto es lo nuevo en jetpack.com/support:

• Búsqueda que solo devuelve guías de soporte, con búsquedas populares justo debajo del cuadro.
• Tarjetas de «Situaciones habituales» para los problemas que hacen que la gente llegue preocupada: un sitio caído, un hackeo, una conexión que no funciona o una copia de seguridad que restaurar.
• «Explorar por tema» y «Explorar por producto», para que puedas encontrar una guía sin saber cómo se llama.
• Una barra lateral en cada artículo que muestra todas las guías de ese producto.
• «¿Te ha resultado útil este artículo?» al final de cada uno, para saber qué guías necesitan mejoras.
• Nuestros Happiness Engineers, cuyas fotos y nombres aparecen alrededor del cuadro de búsqueda.

La página «Contactar con soporte» también ha cambiado. Presenta en primer lugar nuestro asistente de IA de soporte y deja claro adónde ir después, tanto si eres cliente como si usas el plugin gratuito.

49 correcciones desde el lanzamiento

Desde el lanzamiento, el equipo ha cerrado 49 correcciones y mejoras posteriores, lideradas por Gergely Juhász y Manzoor Wani.

Algunas son pequeñas: tablas que puedes recorrer con el teclado, un control de pausa en el carrusel de la página de inicio y entradas antiguas que perdieron el formato de párrafo durante el traslado.

Algunas surgieron directamente de observar cómo la gente usaba el sitio. Unos días después del lanzamiento, le pedí a una profesora de WordPress que configurara Jetpack mientras yo observaba. Llegó a la página de inicio y no pudo darse cuenta de que Jetpack tiene un plan gratuito.

Así que la gente simplemente se irá.

Tenía razón. Ahora la página de inicio tiene un botón «Obtener Jetpack gratis», y la frase debajo dice que hay un plan gratuito de por vida y que no hace falta tarjeta de crédito.

Qué viene después

Primero hicimos que el sitio coincidiera con el antiguo. Ahora podemos mejorarlo, con páginas de producto más claras, más idiomas con el tiempo y pruebas de los cambios en lugar de hacer suposiciones.

Si ves algo que no funciona o resulta confuso en Jetpack.com, dínoslo. Y si te dedicas a crear sitios de WordPress y quieres conocer más a fondo cómo funciona el flujo de trabajo con git y agentes, házmelo saber. Estaré encantado de escribir una continuación.