Bankaool web

Sitio público de una institución bancaria mexicana con productos para personas y empresas, soporte, legales y captación de prospectos.

Visitar sitio ↗

Página principal de Bankaool con apertura de cuenta digital y vista de la aplicación móvil — El inicio combina una propuesta directa, la vista del producto móvil y un acceso inmediato a descarga.

El reto

Un sitio bancario debe equilibrar comunicación comercial, comprensión de productos, requisitos regulatorios, accesibilidad y una gran cantidad de contenido que cambia por audiencia.

Mi contribución

Trabajé la implementación en Next.js y React, el sistema de componentes, las rutas de producto, formularios, mapas de sucursales, analítica con consentimiento y la base de rendimiento y SEO.

Decisiones clave

Renderizar productos desde configuraciones tipadas para compartir bloques sin convertir todas las páginas en una plantilla rígida.
Mantener el contenido en el repositorio y prerenderizarlo para reducir dependencias en tiempo de ejecución.
Validar formularios con Zod y aplicar controles de origen, rate limit y redacción de datos sensibles en servidor.
Derivar metadata y sitemap desde las mismas fuentes de datos que alimentan las rutas.

El producto en uso

Capturas obtenidas al ejecutar el proyecto o recorrer su versión publicada.

Página de producto Mi Cuenta Móvil de Bankaool — Las páginas de producto reutilizan una estructura declarativa para beneficios, requisitos, pasos y legales.

Resultados

El catálogo de productos se puede ampliar reutilizando componentes y conservando una narrativa propia por página.
Las rutas principales quedan preparadas para SSG, metadata consistente y navegación accesible.
La experiencia integra producto, soporte y obligaciones regulatorias sin separar al usuario en sitios distintos.

Stack técnico

Next.js 16React 19TypeScriptTailwind CSS 4Zod