Plataforma de Investigación IIE-UCE

Filtrado Avanzado a Través de Colecciones Interconectadas

El sitio necesitaba exponer decenas de proyectos de investigación, perfiles de investigadores, grupos de trabajo y publicaciones a través de una sola experiencia de búsqueda y filtro, con la lógica de filtro abarcando múltiples colecciones de CMS simultáneamente. El filtrado estándar de CMS en Webflow opera sobre una sola colección, lo que habría forzado un aplanamiento artificial de los datos y una pérdida de las relaciones entre los productos de investigación.

Arquitectura de Múltiples Colecciones de CMS Interconectadas

Los proyectos de investigación se vinculan a investigadores, los investigadores se vinculan a grupos, los grupos se vinculan a publicaciones, las publicaciones se vinculan a proyectos, y las noticias se vinculan a todos ellos. Definir la estructura correcta para estas relaciones antes de que empezara cualquier diseño visual fue crítico. Una arquitectura deficiente habría creado referencias circulares, datos inconsistentes, o combinaciones de filtro imposibles una vez que el sitio estuviera en línea.

Precisión de Diseño en Tipografía Académica

El liderazgo del IIE-UCE tenía requerimientos específicos alrededor de la tipografía, la alineación y el tratamiento visual, reflejando los estándares académicos del instituto. Llegar a un acuerdo sobre estos detalles requirió múltiples ciclos de iteración, y acomodarlos sin comprometer el sistema de diseño general necesitó una coordinación cuidadosa.

Atributos de Finsweet para Filtrado Multi-Colección

El sistema de filtro se construyó usando en combinación los atributos CMS Filter, CMS Nest, CMS Load y CMS Tabs de Finsweet. Este stack permitió filtrar a través de colecciones al mismo tiempo, renderizado anidado de elementos relacionados, y paginación de grandes conjuntos de resultados sin recargas de página. La implementación final manejó el catálogo de investigación completo del instituto bajo una sola interfaz de filtrado, con cada resultado correctamente enlazado a su colección de origen.

Proceso de Construcción Basado Primero en la Arquitectura

Antes de que empezara cualquier diseño o desarrollo, se mapeó el modelo de datos completo: cada colección, cada campo, cada relación de referencia y multi-referencia, y las reglas que las gobiernan. Este documento se convirtió en la referencia tanto para el equipo de diseño como para la construcción en Webflow, eliminando cambios a mitad de proyecto en la estructura de datos y dándole al equipo del cliente una visión clara de cómo se relacionaría el contenido en toda la plataforma.

Revisión de Diseño Iterativa con Razonamiento Visible

Las decisiones de diseño se presentaron en rondas de revisión sucesivas con el razonamiento visible para cada elección tipográfica, regla de alineación y decisión de jerarquía visual. El equipo del cliente fue incorporado al proceso de toma de decisiones en lugar de recibir propuestas terminadas, lo que mantuvo las revisiones enfocadas y aceleró los ciclos de aprobación. El resultado final refleja la identidad visual declarada del instituto dentro de un sistema de diseño coherente.