CISEP: cuarenta años junto al pueblo de Oruro, ahora en línea.
Septiembre de 2026 · sitio en línea
El sitio del Centro de Investigación y Servicio Popular: sus proyectos con mineros, mujeres y barrios de Oruro, el impacto de los últimos cinco años en un mapa, las cuentas de la institución a la vista y un canal de denuncia anónima.
Tecnología
Next.js 16
TypeScript
Firestore- OpenStreetMap
- WCAG 2.2 AA
- React 19
- Firebase Hosting
- Leaflet
- Google Analytics
Servicios
El proyecto
Cliente e idea
CISEP es una asociación civil sin fines de lucro de Oruro, inspirada en la Compañía de Jesús, que desde 1984 acompaña a cooperativas mineras, mujeres palliris, juntas vecinales y familias productoras con capacitación, investigación, asesoría técnica y difusión radial.
Reto y objetivos
Cuatro décadas de trabajo estaban repartidas en carpetas, informes, boletines y fotos. Los cooperantes internacionales piden cuentas claras, las comunidades necesitan un lugar donde encontrar el material y la institución quería un canal seguro para recibir denuncias. Todo eso debía caber en un sitio fácil de recorrer desde un celular modesto.
Solución y resultado
Ordenamos el contenido real que CISEP nos entregó en seis puertas: quiénes son, qué hacen, sus proyectos, las noticias, la transparencia y el contacto. Cada proyecto tiene su ficha con objetivos, fechas, zonas y aliados, y los artículos y relatos del territorio se recuperaron con sus fotos.
Sumamos lo que una ONG necesita mostrar: el impacto de cinco años por ámbito y en un mapa de Oruro, las auditorías y memorias para descargar, un centro de recursos con el boletín URU y la radio, y formularios de contacto, voluntariado y denuncia anónima que llegan a una base de datos protegida.
Una historia que se lee
Cuarenta años de trabajo con mineros, mujeres y barrios.
Cuentas a la vista
El impacto en un mapa y la transparencia en una página.
Accesible para todos
Pensado para leerse con cualquier dispositivo y capacidad.
Resumen del proyecto
Funciones principales
Tres públicos leen el sitio: el cooperante que evalúa a quién apoyar, la persona de una cooperativa o un barrio que busca un taller o un documento, y quien necesita denunciar un abuso sin dar su nombre. Cada uno encuentra su camino desde la portada.
Una portada que cuenta lo concreto
La portada dice en una frase para qué existe CISEP y enseguida muestra sus proyectos, sus cuatro formas de trabajo, los resultados de cinco años y a las personas que la conducen. Las fotos son de sus propios talleres y comunidades.
Proyectos con nombre y territorio
MAX-D, FIA, EPRM, kioskos saludables, agricultura urbana y desarrollo local tienen su ficha con objetivo, periodo, zona, aliados y resultados. Una misma plantilla las ordena, y las apps LIQMIN y Vive Sin Miedo tienen su propia página.
El impacto, en cifras y en el mapa
Los logros de cinco años se agrupan en cuatro ámbitos, cada cifra con su explicación, y un mapa de Oruro marca los centros mineros, los barrios y la sede donde trabaja la institución.
Cuentas claras y un canal seguro
Auditorías externas, memorias anuales y políticas institucionales se descargan desde Transparencia. El canal de denuncia acepta reportes anónimos y los guarda donde solo el equipo autorizado de CISEP puede leerlos.
Desarrollo
Metodología
Partimos del contenido: revisamos carpeta por carpeta lo que CISEP compartió y armamos una matriz de lo recibido, lo publicado y lo pendiente. El sitio se construyó con Next.js como páginas estáticas, rápidas en cualquier conexión, y se publica en Firebase Hosting. Los formularios escriben en Firestore con reglas que validan cada campo y solo dejan leer al equipo de CISEP.
Proceso
Mapa del sitio
Seis puertas desde la portada. Las fichas punteadas son plantillas: los proyectos y los artículos comparten una misma anatomía y suman nuevos sin rediseñar nada.
- Nosotrosdesde 1984
- Quiénes somos
- Equipo
- Qué buscamos
- Aliados
- Qué hacemoscuatro líneas
- Capacitaciones
- Investigación
- Asesoramiento técnico
- Difusión radial y boletín
- Proyectos7 proyectos
- MAX-D · cadenas mineras
- FIA · mujeres mineras
- Ficha de proyectoplantilla × 7
- App LIQMIN
- App Vive Sin Miedo
- Noticiasblog y territorio
- Artículoplantilla × 13
- Historias
- Eventos
- Galería
- Centro de recursos
- Transparenciarendición de cuentas
- Impacto y mapa
- Auditorías y memorias
- Canal de denuncia
- Verificar certificado
- ContactoAyacucho 559, Oruro
- Voluntariado
- Apóyanos
Interfaz
El trabajo de CISEP, a la vista
Cada línea de trabajo y cada relato se apoya en fotos de los talleres, las cooperativas y los barrios. Los artículos y relatos del territorio llevan a su nota completa, y el centro de recursos reúne el boletín URU, el programa de radio y las publicaciones.
Calidad
Accesible para todos
Medimos las 54 páginas con axe-core en escritorio y en celular, y corregimos cada hallazgo hasta llegar a cero.
Colores de la marca que se leen
El degradado menta, turquesa y celeste del logo se usa en fondos y adornos; para textos y botones definimos versiones profundas del mismo tono, que pasan el contraste AA sobre blanco y sobre oscuro.
Pensado para cualquier persona
Un solo título principal por página, textos alternativos en cada foto, foco visible al navegar con el teclado, formularios con etiquetas reales y animaciones que se apagan si el sistema pide menos movimiento.
Proceso
Oruro lee desde el celular
La mayoría de las visitas llega desde un teléfono, muchas con datos móviles. Por eso las imágenes cargan solo cuando hacen falta, el menú se reduce a un botón y cada página se revisó en nueve anchos de pantalla.
Proceso
Páginas completas
La portada presenta a la institución de principio a fin; Impacto y Transparencia reúnen lo que un cooperante quiere ver antes de decidir.
Marca
Tipografía
Una sans redondeada, cercana y muy legible en pantallas pequeñas, con Nunito Sans para los textos largos. La acompaña Caveat, una letra manuscrita, en las etiquetas de cada sección: el trazo de quien camina junto al pueblo.
Nunito
RegularSemiBoldBoldExtraBold
Marca
Colores
El degradado del fondo del logo, de menta a celeste, da la luz del sitio. Para que todo se lea usamos sus tonos profundos, un azul petróleo y un verde bosque, y un carbón con matiz petróleo para los textos.
Conclusión
CISEP tiene hoy un sitio que muestra con claridad lo que hace, lo que logra y cómo usa sus recursos, y que le da a cualquier persona una forma segura de escribirle, incluso sin dar su nombre.
Casos
