01
Sitio web de CSA
Este proyecto involucró transformar una página de aterrizaje básica en un sitio web completamente estructurado. El alcance abarcó definir la arquitectura del sitio, organizar el contenido y diseñar una interfaz clara y escalable que refleje la identidad profesional de la marca.
Cliente:
CSA Latam
Rol:
Diseñador UX/UI
Equipo:
Stakeholder, Desarrollador Front-End
Duración:
16 semanas
Contexto
CSA LATAM solo tenía una página de aterrizaje muy básica, más enfocada en tener una presencia mínima en línea que en explicar claramente quiénes son, qué hacen y cómo trabajan.
El desafío era transformar esa página de aterrizaje en un sitio web institucional completo, comenzando desde cero.
El Problema
No había una estructura real del sitio.
El contenido no comunicaba claramente la propuesta de valor.
La marca tenía sustancia, pero no estaba bien representada digitalmente.
No había un camino claro para los visitantes por primera vez.
Mi Rol
Definición de la exploración y arquitectura del sitio
Jerarquía de información y navegación
Diseño completo de la interfaz de usuario
Diseño responsivo
Trabajé en el proyecto de principio a fin, desde la estructuración del contenido hasta la entrega del diseño final.
Proceso
Exploración
Análisis de la página de destino existente
Comprender el negocio y su oferta real
Identificar qué contenido era esencial y qué no
Arquitectura
Definición de las secciones principales
Organización del contenido basada en la intención del usuario
Creación de un mapa del sitio claro y escalable
La arquitectura se convirtió en el núcleo del proyecto: organizar el mensaje para que el sitio pudiera explicarse a sí mismo.
Diseño
Diseño del sitio web desde cero
Componentes reutilizables
Sistema visual consistente
El diseño visual apoya la estructura: limpio, claro y orientado al contenido.
Resultado
CSA evolucionó de una página de aterrizaje básica a un sitio web institucional completo
Navegación clara e intuitiva
Mensaje principal más fuerte y enfocado
Una base sólida para el crecimiento futuro (nuevas secciones, servicios, contenido)
Presencia digital alineada con el nivel profesional de la marca
El resultado es un sitio web que no intenta exagerar; simplemente explica mejor.
Todas las visuales de héroes y las imágenes de contenido ilustrativo en este proyecto fueron generadas con Midjourney. Desde conceptos abstractos hasta escenas centradas en humanos, creamos y refinamos cada una para apoyar la narrativa visual y reforzar la historia del proyecto.
Contacto simple y útil: tarjetas de países, mapa editorial y un llamado a la acción obvio para ponerse en contacto. Diseñado para que los visitantes encuentren el contacto local en dos segundos y comiencen la conversación sin fricción.
Proyectos insignia, sin adornos: héroe de gran impacto, caso destacado en la lista y acceso rápido a resultados y pantallas. Diseñado para que los espectadores puedan escanear y sumergirse en la historia que les interesa.
Consultoría estratégica que vincula la estrategia de datos con los resultados comerciales. Esta página presenta el servicio, los resultados esperados y los activos que demuestran nuestro enfoque.
Conclusión / Lo que Aprendí
Este proyecto fortaleció mi enfoque hacia la arquitectura de la información, al mismo tiempo que me impulsó a mejorar mis habilidades en UI.
Diseñar la interfaz después de definir una estructura sólida me permitió concentrarme en la claridad visual, la consistencia y el detalle, no solo en la estética.