La situación
Se buscaba que el Instituto Costarricense de Investigación y Enseñanza en Nutrición y Salud (INCIENSA) contara con un sitio web moderno, con un interfaz de usuario intuitiva, atractiva y funcional.
Así también, que se facilitara la consulta y difusión de información sobre los resultados de las investigaciones que se generan en la institución y se cubrieran las necesidades de los usuarios internos y externos. Lo anterior, garantizando el resguardo y seguridad de los datos para posteriormente buscar oportunidades para replicación en otros Estados Miembros del SICA.
El objetivo
La modernización del portal web del INCIENSA con el rediseño de una interfaz de usuario (UI) amigable, intuitiva y funcional, haciendo uso de herramientas que garanticen la seguridad y la gestión de datos.
El reto
Realizar la migración y el rediseño de un portal web intitucional extenso en contenido, aplicando mejoras en la arquitectura de información y optimizando el contenido de cara a sus usuarios finales. Así también, automatizar el CMS WordPress para facilitar la gestión de carga de contenidos y mantenimiento por parte de los usuarios institucionales.
Nuestro rol
- Ser el especialista UX/UI & CMS WordPress.
Profesional a cargo
- Jose A. Pérez-Bertozzi
Metodología utilizada
- Diseño Centrado en el Usuario.
Duración del proyecto
- De Marzo a Junio de 2025.
El proceso
Se presentan las distintas etapas llevadas a cabo para el cumplimiento de los hitos planteados.
Fase 1: Plan de trabajo
Se definió la metodología a utilizar (Diseño Centrado en el Usuario), así como los procedimientos y alcances de la contratación.
Fase 2: Diseño gráfico y arquitectura de información
Se revisó el portal web anterior con la finalidad de optimizar la arquitectura de información. Así también, se realizó la reestructuración de contenidos y se elaboraron las plantillas para la colocación de la información en el nuevo portal web.
Fase 3: Construcción y pruebas
Se realizó la construcción de las páginas web y se migraron los contenidos al nuevo gestor de contenidos o CMS basado en WordPress. En esta etapa se prepararon los recursos de imagen y diseño gráfico, y se realizó la configuración global del CMS WordPress para la administración del contenido.
Además, se realizó el proceso de pruebas y ajustes al portal web, basado en los comentarios y retroalimentación de las partes interesadas. Las pruebas incluyeron, la validación de la responsividad del portal web, la usabilidad y accesibilidad de las páginas creadas, así como la validación acerca de la intrusión y control de vulnerabilidades de seguridad en el portal web. Finalmente, se incluyeron e inttegraron dashboards o visualizaciones de información de interés para la institución.
Fase 4: Informe final
Se realizará el proceso de respaldo del portal web, dando acompañamiento en la migración al servidor en producción, se prepararó la documentación relacionada al portal web, tal es el caso de un manual técnico para la gestión de configuraciones y parámetros, así como un manual de usuario para la administración y gestión del contenido.
Adicionalmente en esta etapa, se impartieron sesiones de capacitación a los usuarios (personal de TI), como a los usuarios que realizarán la posterior gestión de contenidos. Generando un documento final resultado de la contratación.
Tecnologías involucradas
LAMP: Linux-Apache-MySQL-PHP; CMS: WordPress; Constructor: Divi; Plugins: All-in-One WP Migration and Backup, Flexy Breadcrumb, Font Awesome, Max Mega Menu, Simple File List Pro, Wordfence Security, WP Accessibility, WP File Manager.