: Bloques Gutenberg a medida para una firma de datos
Desarrollé bloques dinámicos de Gutenberg para mejorar las capacidades del editor, incluido un bloque personalizado de Chart.js que ingería datos de Google Sheets para visualización en tiempo real. Mejoré el rendimiento, la accesibilidad y la usabilidad general de la plataforma.
- Tiempo de creación de gráficos
- Weeks → min
El reto
Los editores de una empresa global de datos publican gráficos constantemente, y cada uno requería tiempo de desarrollo. Eso hacía lenta la publicación de historias con datos y alejaba a los desarrolladores de otras tareas. El sitio también tenía que mantenerse rápido y accesible en muchos tipos de contenido personalizados, y su buscador tenía que devolver resultados precisos en todos ellos.
Aproveché Alpine.js y Tailwind CSS para crear interfaces de usuario dinámicas y responsivas. Colaboré con los responsables de producto para alinear las características técnicas con las necesidades del negocio. Implementé pruebas exhaustivas en múltiples navegadores y dispositivos para garantizar la fiabilidad, además de optimizar las APIs para mejorar la búsqueda de contenido y el manejo de tipos de publicaciones personalizadas.
Puntos clave
- 01Construí un bloque personalizado de Gutenberg que permitió una visualización dinámica de datos, reduciendo el tiempo de implementación de semanas a minutos.
- 02Automatización de la creación de gráficos desde Google Sheets para acelerar la producción de contenido y reducir el trabajo manual de los editores.
- 03Mejoré la API de búsqueda para aumentar la precisión de los resultados en múltiples tipos de publicaciones personalizadas.
- 04Optimicé la velocidad del sitio y la accesibilidad mediante ajustes de rendimiento y refactorización.
Qué significa esto para tu negocio
Cuando tu equipo depende de un desarrollador para actualizaciones rutinarias, el sitio web se vuelve un cuello de botella. Las herramientas de edición a medida, como bloques que se construyen solos desde una hoja de cálculo, le devuelven el control a tu personal y reducen mucho el tiempo de publicación. La misma idea funciona para un negocio local: menús, listados, horarios o precios que tu equipo actualiza en minutos. Una migración o un rediseño es el momento ideal para incorporarlas.
Tecnologías
- Gutenberg
- Chart.js
- Google API
- WordPress
- JavaScript
- PHP
- React
- HTML
- CSS
- Tailwind CSS
- Alpine.js
- Figma
- Git
- Webpack
- REST API
- Accessibility (WCAG)
Más trabajos
- Athlean-XWebsites · 2017—2022
- Learn Athlean-XWebsites · 2017—2022
- Athlean-X PortalWebsites · 2017—2022
¿Necesitas algo así?
- Migración de sitios webTraslada tu sitio desde Contentful, Squarespace, Wix, Drupal o WordPress antiguo con cada página inventariada y cada URL redirigida.
- Rediseño de sitios webModerniza un sitio existente: más rápido, pensado para móvil, accesible y listo para la búsqueda local.
- Velocidad webPáginas lentas corregidas en la causa, medidas en un teléfono real y verificadas contra Core Web Vitals.
Guías relacionadas
- Migración de Contentful a WordPress: lista de pasos6 min de lectura
- Una lista de mantenimiento de WordPress que evita caídas reales8 min de lectura
- Cómo rediseñar un sitio web sin perder posicionamiento en Google5 min de lectura
Cuéntame en qué estás trabajando y para cuándo lo necesitas. Te respondo en un día hábil.