Sesc SC
Portal responsivo diseñado para Sesc SC, sistema educativo de formación profesional.
Sesc SC
Portal responsivo diseñado para Sesc SC, sistema educativo de formación profesional.
Cliente
Sesc SC
Sistema educativo de formación profesional.
Año:
2023
Objetivo:
El objetivo del proyecto de UX para el sitio web de Sesc SC fue rediseñar el portal con foco en mejorar la usabilidad y la experiencia del usuario. El análisis inicial reveló que los contenidos presentaban formatos y fuentes distintas, comprometiendo la navegación, la identificación de patrones y la organización de la información.
Para solucionar estos problemas, el nuevo portal fue desarrollado priorizando la organización y jerarquización del contenido, además de la estandarización de componentes, colores y tipografías, siguiendo el manual de la nueva marca Sesc. Estas mejoras garantizaron un diseño más consistente, una navegación más fluida y, en consecuencia, una experiencia mejorada para los usuarios.
Proceso de trabajo
Para rediseñar el portal de Sesc SC, seguimos un proceso estructurado con foco en la usabilidad y la experiencia del usuario. Comenzamos con un análisis detallado del sitio existente, identificando inconsistencias en la formateo, la navegación y la organización del contenido.
Con base en estos insights, desarrollamos una nueva estructura que priorizó la jerarquización de la información y la estandarización de componentes, colores y tipografías, asegurando alineamiento con el manual de la nueva marca Sesc. Creamos prototipos de alta fidelidad para validar la usabilidad antes de la implementación, garantizando una experiencia más intuitiva para los usuarios.
El desarrollo siguió la metodología mobile first, optimizando el portal para diferentes resoluciones de pantalla y asegurando una navegación fluida tanto en dispositivos móviles como en escritorios. El resultado es un portal más organizado, accesible y coherente, que facilita la búsqueda de información y mejora significativamente la experiencia del usuario.
Herramientas utilizadas
- Adobe Photoshop
- Adobe Illustrator
- Figma
- ChatGPT
- DALL-E
Entregas
Las entregas del proyecto incluyeron no solo el prototipo de alta fidelidad, sino también el desarrollo completo del nuevo portal.
Todo el sitio fue diseñado e implementado siguiendo la metodología mobile first, asegurando que el contenido se adaptara de forma eficiente a diferentes tamaños de pantalla, priorizando las resoluciones más utilizadas actualmente: móvil (360x640) y escritorio completo (1920x1080). Esto proporcionó una experiencia responsiva y optimizada tanto para usuarios de dispositivos móviles como para aquellos que acceden al portal en pantallas más grandes.
Resultados
Con el rediseño del portal de Sesc SC, logramos resolver los problemas identificados en el análisis inicial. La usabilidad fue significativamente mejorada al eliminar las inconsistencias de formato y origen de los contenidos, facilitando la navegación y la identificación de patrones visuales.
La nueva estructura priorizó la organización y jerarquización de la información, además de la estandarización de componentes, garantizando un diseño más consistente e intuitivo. Como resultado, el portal ahora ofrece una experiencia de navegación más fluida y coherente, alineada con las necesidades de los usuarios.
Enlace al trabajo