CABEI
← PORTAFOLIO★ CASO 03 — INSTITUCIONAL

CABEI

Una plataforma que vuelve transparente lo complejo.

LATAM202414 semanas
★ 01 — RESUMEN DEL PROYECTO

Transparencia que cualquiera puede encontrar

Para el Banco Centroamericano de Integración Económica diseñamos una plataforma institucional multilenguaje con dashboards públicos de reportes financieros — accesible para periodistas, gobiernos y ciudadanos. Arquitectura headless, datos abiertos en JSON y un sistema editorial que publica en siete idiomas en minutos.

Plataforma institucionalDashboards de reportesUI/UXSitio multilenguajeDatos abiertosDesign system
Quiero algo así →
CLIENTECABEI
INDUSTRIABanca de desarrollo
COBERTURALATAM · 7 idiomas
AÑO2024
DURACIÓN14 semanas
ROLPlataforma · UI/UX · Datos
bcie.orgVISITAR ↗
Sitio web CABEI
★ EL DESAFÍO

Once años de deuda técnica y PDFs de 80 páginas

El sitio anterior tenía 11 años, no era mobile-friendly, y los reportes financieros vivían en PDFs de 80 páginas. Los stakeholders no podían encontrar datos sin escribir al área de prensa.

★ NUESTRA PROPUESTA

Infraestructura de transparencia

Reconstruimos la plataforma con arquitectura headless multilenguaje, dashboards interactivos con datos abiertos en JSON, y un sistema editorial que permite publicar comunicados en 7 idiomas en menos de 30 minutos.

★ 02 — RESULTADOS
0Idiomas activosES · EN · PT · FR · ZH · JA · DE
0kVisitas / messostenidas a 6 meses post-launch
AAWCAG 2.1auditoría externa sin observaciones
0.0kPáginas migradasde Drupal a un CMS headless
★ — EN PROFUNDIDAD

El trabajo, en detalle

De PDFs de 80 páginas a datos vivos

Los reportes financieros vivían enterrados en documentos imposibles de explorar. Inventariamos 1.400 páginas, identificamos contenido huérfano y definimos un workflow editorial con permisos por unidad — comunicación, operaciones, tesorería, presidencia.

Arquitectura para encontrar, no para buscar

Reescribimos la taxonomía de once menús anidados a cinco secciones claras, validadas con periodistas y contrapartes reales mediante tarjeteo abierto. Cero clics extra hacia la información financiera clave.

Accesible y auditable

Construimos un design system institucional con contraste AA garantizado, tipografías performantes y componentes que el equipo interno extiende sin nuestra intervención. Siete idiomas sincronizados desde un solo CMS.

Datos abiertos para terceros

Expusimos APIs públicas en JSON para que periodistas, fintechs y universidades consuman los datos financieros directamente. La plataforma dejó de ser un sitio: se volvió infraestructura.

★ 03 — CÓMO LO HICIMOS

Cuatro fases, un mismo equipo

01

Auditoría + governance

Mapa de 1.400 páginas, 7 unidades editoriales

Inventariamos el sitio existente, identificamos contenido huérfano, y definimos workflow editorial con permisos por unidad — comunicación, operaciones, tesorería, presidencia.

02

Arquitectura de información

De 11 menús anidados a 5 secciones claras

Reescribimos la taxonomía con tarjeteo abierto y validamos con usuarios reales — periodistas, contrapartes, sociedad civil. Cero clics extra a información financiera clave.

03

Sistema de diseño

Tokens accesibles + componentes en Figma

Un design system institucional con contraste AA garantizado, tipografías performantes y componentes que el equipo interno extiende sin nuestra intervención.

04

Desarrollo + datos abiertos

Next.js + Strapi + endpoints JSON públicos

Plataforma headless, multilenguaje sincronizado, y APIs públicas para que terceros consuman los datos financieros — periodistas, fintechs, universidades.

★ EN PALABRAS DEL CLIENTE
El equipo entendió que esto no era un sitio web — era infraestructura de transparencia. La diferencia se nota cada vez que un periodista encuentra el dato sin llamarnos.
MA
María Fernanda AguilarDirectora de Comunicación · CABEI

¿Necesitas una transformación similar?

Construyamos algo que recupere tu margen y crezca contigo. Diagnóstico gratuito, sin compromiso.

Empecemos hoy →
★ — TU PROYECTO

El próximo caso
puede ser el tuyo.

Si tu marca necesita un sitio que mida, evolucione y dure — hablemos. Te respondemos en 24–48 horas.