AECODE - Diseño UX/UI
y branding para la
comunidad del sector AEC
Contexto del negocio
Acerca de AECODE
AECODE nace como un espacio para dar visibilidad y conexión a profesionales del sector AEC interesados en la inteligencia artificial. El reto fue crear una identidad y una plataforma digital que transmitiera innovación, confianza y cercanía
Definiendo el problema
El 80% de los profesionales
Enfrenta una crisis de actualización técnica , donde gran parte del know-how queda disperso o inactivo y el conocimiento no se encuentra cuando más se necesita.
Pierde más tiempo buscando conocimiento que aplicándolo , además de estar rezagado en la adopción de IA y carecer de una comunidad activa que impulse su aplicación práctica.
Depende de cursos convencionales poco efectivos , ya que solo 1 de cada 6 participantes logra terminarlos, lo que evidencia un vacío enorme en la educación técnica del sector.
Identificando los principales problemas mediante la investigación de usuario.
Objetivo y meta
Diseñando con propósito para la comunidad AEC
Tras analizar los principales desafíos del sector AEC. Se definió una serie de objetivos que guiarían el diseño de AECODE.
Construir una identidad visual sólida que
represente innovación y comunidad dentro del sector.
Pierde más tiempo buscando conocimiento que aplicándolo
que facilite la navegación y permita acceder a conocimiento técnico.
Centralizar y validar el contenido técnico
mediante una comunidad activa de profesionales.
Incorporar inteligencia artificial en la plataforma
diferenciar la experiencia frente a otras plataformas convencionales.
Primeros Flujos y bosquejos de ideas del prototipo cubriendo las necesidades del sector.
Investigando y perspectivas
Explorando el sector AEC y sus desafíos
Para definir, se investigó y analizó cuáles son las barreras que enfrentan los del sector. El análisis incluyó tanto la voz de los usuarios como la observación de plataformas existentes.
User personas y mapas de empatía creados a partir de la investigación de usuarios del sector AEC. con el objetivo de comprender sus necesidades.
Comparación de plataformas similares para detectar patrones, fortalezas y debilidades.
Del caos a la claridad
Arquitectura de la Información
Se definió una estructura clara y jerárquica para organizar el conocimiento técnico. El objetivo fue que los usuarios encontraran contenido en pocos pasos, priorizando accesibilidad y simplicidad. Se diseñaron flujos que conectan la búsqueda, el consumo de cápsulas y la participación en la comunidad.
Definición de la estructura del producto y jerarquía de contenidos
De la idea al boceto
Wireframes de baja fidelidad (low-fi)
Antes de trabajar en la interfaz visual, se crearon wireframes que permitieron validar la organización del contenido y la navegación. Estos bocetos facilitaran iteraciones rápidas y aseguraron que la experiencia fuera intuitiva antes de pasar a la etapa de diseño visual.
Propuestas tempranas que permitieron iterar rápidamente sobre la estructura y los flujos del producto.
Construyendo consistencia
Design System
Se construyó un sistema de diseño que garantizara consistencia en todos los elementos visuales de la plataforma. Incluyó paleta de colores, tipografía, espaciados y componentes reutilizables.
Creación de un sistema de diseño para garantizar consistencia y eficiencia en la interfaz.
La visión se consolida en
UI Design (mockups high-fidelity)
Con el design system definido, se diseñaron las pantallas finales, aplicando la identidad visual y cuidando cada detalle de la experiencia.
Propuestas visuales finales que integran componentes, estilos y jerarquía visual.
Diseño y Desarrollo hablan el mismo idioma
Prototipado y handoff
Se crearon prototipos navegables de alta fidelidad para validar la interacción y el flujo completo del usuario antes del desarrollo. Posteriormente, se preparó el handoff para el equipo de frontend y backend, documentando los componentes
Desarrollo de prototipos para validar la experiencia y traspaso del diseño al equipo de desarrollo.