Diseño UX/UI
CMPC
CMPC es una de las empresas forestales y papeleras más importantes de Chile y América Latina, con más de 100 años de historia. Líder en la producción sostenible de productos derivados de la celulosa y el papel, está comprometida con la innovación y el cuidado del medioambiente, abasteciendo a diversos mercados a nivel global.
Visión General del Proyecto
Título
Rediseño Web para CMPC
Resumen
Este proyecto consistió en un rediseño completo del sitio web de CMPC, con un enfoque en mejorar tanto la usabilidad (UX) como la interfaz visual (UI). Se optimizó la estructura del menú para facilitar la navegación y se implementó un diseño más intuitivo y eficiente. Uno de los avances más significativos fue la mejora en el buscador de certificaciones, permitiendo a los usuarios acceder de manera más rápida y clara a la información clave. El proyecto fue desarrollado por un equipo de cuatro personas dentro de la agencia consultora Reactor.
Rol
Participé en todas las fases del rediseño, desde la investigación y análisis de la experiencia de usuario hasta la creación de wireframes y el diseño final en alta fidelidad. Me enfoqué en estructurar una navegación más clara y en desarrollar soluciones visuales que hicieran la información más accesible. Si bien no participé en la implementación de código ni en integraciones, trabajé en estrecha colaboración con los desarrolladores para asegurar que el diseño final se ejecutara correctamente.
Metodología y Proceso
UX utilizado
1. Benchmark
Realizamos un benchmark comparando los puntos fuertes de otros sitios del mismo rubro que fuesen sostenibles, identificando oportunidades de mejora y buenas prácticas para optimizar la experiencia del usuario.
2. Mapa de Navegación
El mapa de navegación es una representación visual de la estructura del sitio web, que muestra cómo se organizan y conectan sus secciones y páginas. Su objetivo es optimizar la experiencia del usuario, asegurando un flujo intuitivo y eficiente para encontrar información clave de manera rápida y sencilla.
3. Análisis Heurístico
Se realizó una evaluación de la usabilidad del sitio web anterior utilizando la metodología de Nielsen, con el objetivo de identificar problemas y oportunidades de mejora. Al finalizar, se presentaron los hallazgos clave para orientar las optimizaciones necesarias.
4. Wireframes
Desarrollamos wireframes para definir la estructura y funcionalidad del sitio. Estos prototipos permitieron validar la disposición de los elementos, la navegación y la jerarquía de la información, asegurando una experiencia clara y eficiente para los usuarios.
7. Diseño en Alta Fidelidad
Con los wireframes validados, avanzamos al diseño de alta fidelidad, donde definimos la identidad visual del sitio, incluyendo tipografía, colores e imágenes. Esta etapa permitió materializar la nueva experiencia digital, asegurando un diseño atractivo, intuitivo y alineado con la identidad de CMPC.
8. Informe QA
Antes de la entrega final, elaboramos un informe de QA para evaluar la implementación del diseño y asegurar su correcta funcionalidad. Este proceso nos permitió detectar posibles inconsistencias, verificar la usabilidad y optimizar la experiencia del usuario antes del lanzamiento.
Impacto y Mejoras del Sitio Web
Impacto del Proyecto
El rediseño del sitio web de CMPC permitió una gestión y edición mucho más eficiente para su equipo interno, facilitando la actualización de contenido sin complicaciones. Además, se mejoró significativamente la experiencia del usuario final, con una navegación más intuitiva y módulos modernos que hacen que la información sea más clara y accesible. La optimización del buscador de certificaciones marcó un antes y un después, agilizando la consulta de documentos clave para clientes y stakeholders.
Aprendizajes Clave
Este proyecto reafirmó la importancia de equilibrar un diseño atractivo con una funcionalidad optimizada para quienes administran el sitio. Aprendimos que, más allá de una interfaz visualmente atractiva, la facilidad de mantenimiento es clave para garantizar la eficiencia a largo plazo. Además, trabajar en estrecha colaboración con el equipo de CMPC nos permitió adaptar las soluciones a sus necesidades reales, asegurando un impacto positivo tanto para la empresa como para sus usuarios.
Proyectos Relacionados
AIEP
Rol
Diseñador UI/UX
Contribución
Desarrollo de un sitio inclusivo, con mejoras en contraste y tipografía para facilitar el acceso a todos.
UNAB
Rol
Diseñador UI/UX
Contribución
Transformación digital para mejorar la experiencia del usuario, con una interfaz clara y accesible.