Grantix
plataforma headless para emprendimiento social
Trabajé en los prototipos, el diseño y la plataforma web headless, con WordPress y WooCommerce detrás de una interfaz independiente en Next.js.
- Sector
- Plataforma para emprendimiento social
- Tecnologías
- Next.js / WordPress / WooCommerce
- Año del proyecto
- 2024
El reto
Grantix es una plataforma de proyectos sociales con donaciones cripto y datos de transacciones blockchain. La aplicación también necesitaba interfaces claras y un proceso práctico para administrar contenido.
La solución
Los prototipos de las interfaces iniciales sirvieron de base para los diseños. WordPress y WooCommerce funcionaban como backend headless: los editores conservaban su flujo habitual de administración, mientras los datos llegaban al frontend por API. Una aplicación Next.js independiente presentaba la interfaz en lugar de las plantillas PHP de WordPress.
El proyecto en detalle
Las imágenes muestran la interfaz y su contexto. Los pies distinguen el material de archivo de las vistas actuales del sitio.
De los requisitos a las interfaces
Para la primera etapa se prepararon prototipos de las interfaces necesarias y después diseños basados en ellos. Esta primera etapa definió la experiencia web antes de conectar el frontend y la administración.
Separar la edición de la presentación
WordPress y WooCommerce conservaron el flujo habitual de administración de contenidos. Una API enviaba los datos a una aplicación Next.js independiente que presentaba la interfaz sin usar plantillas PHP de WordPress.
El proyecto, de cerca
Donaciones cripto y datos de transacciones
Trabajé en donaciones cripto con BitPay y DonateCrypto, conexiones con contratos inteligentes y datos de transacciones de Ethereum L2, Arbitrum y Optimism. Es una integración con proveedores y redes existentes, no un procesador propio de donaciones.
La plataforma desde sus páginas públicas
El sitio actual en inglés permite explorar campañas, leer la historia de una iniciativa y ver su recaudación. Incluyo el catálogo, una página de campaña y el formulario sin cartera conectada para mostrar ese recorrido público. Las cifras corresponden a la plataforma y no son resultados de rendimiento de mi trabajo.
El resultado
Prototipos y diseño de interfaces
Aplicación Next.js independiente
WordPress y WooCommerce headless
Detalles de Grantix
¿Qué trabajo de producto se abordó?
WordPress siguió siendo la herramienta editorial y Next.js se encargó de la aplicación pública.
