Pienso en sistemas
Conecto decisiones, reglas y estados antes de dibujar pantallas.
DESIGN ENGINEER · UX/UI · FRONTEND · GRAPHIC DESIGN
Diseño sistemas. Construyo experiencias. Orquesto flujos con IA.
Conecto diseño de producto, sistemas visuales, frontend y contexto de negocio para convertir complejidad empresarial en productos claros y escalables.
Bogotá · Disponible para nuevos retos
Diseño con restricciones
Trabajo entre negocio, tecnología, accesibilidad y operación real.
Construyo para aprender
Prototipo, implemento y mido para reducir incertidumbre.
PERFIL · TRES RAMAS CONECTADAS
Una práctica híbrida, no tres perfiles aislados.
Mi valor está en conectar pensamiento visual, experiencia de usuario e implementación. Cada rama tiene profundidad propia y comparte el mismo objetivo: productos claros, útiles y construibles.
Soy Cristian Rubén Salcedo Díaz. Mi experiencia combina UX/UI, arquitectura de información, sistemas de diseño, frontend y comunicación visual aplicada a productos reales.
Estoy ampliando esa práctica hacia AI Product Design, agentes, RAG, automatización y evaluación responsable de soluciones asistidas por IA.
01 / 03
De diseño a interfaz productiva
Frontend Engineering
Maquetación semántica, componentes, responsive, accesibilidad, rendimiento e integración dentro de plataformas empresariales y editoriales.
02 / 03
De complejidad a decisiones
UX/UI & Product Design
Arquitectura de información, flujos, wireframes, prototipos, UX Writing y sistemas visuales alineados con restricciones técnicas y de negocio.
03 / 03
De mensaje a sistema visual
Diseño gráfico
Comunicación visual, diseño editorial, arte final, piezas digitales, email marketing y experiencias interactivas para distintos canales.
STACK · HERRAMIENTAS EN CONTEXTO
Tecnología y diseño aplicados a problemas reales.
No es una colección de logos. Cada herramienta está asociada a una parte verificable de mi práctica profesional.
Frontend
- HTML5
- CSS3
- Sass / SCSS
- JavaScript
- TypeScript
- Angular
- Vue.js
- React · formación
- Liferay
- PHP / Symfony
- REST APIs
- Git
UX/UI & Product
- Figma
- Adobe XD
- Arquitectura de información
- User flows
- Wireframes
- Prototipos
- Design Systems
- UX Writing
- Accesibilidad
- Responsive Design
Diseño gráfico
- Illustrator
- Photoshop
- InDesign
- After Effects
- Premiere Pro
- Acrobat
- Diseño editorial
- Arte final
- ePub
- Email marketing
Producto y colaboración
- Jira
- Azure DevOps
- Salesforce Lightning
- WordPress
- WooCommerce
- Magento
- VTEX
- SEO técnico
- QA visual
- IA aplicada
42 capabilities · 4 contexts
EXPERIENCIA · TRAYECTORIA 2015—2026
Diseño, implementación y evolución de productos digitales.
Una trayectoria que pasó de producción gráfica y ecosistemas editoriales a interfaces frontend y plataformas empresariales.
Oct 2023 — 24 Jul 2026
Grupo VASS
Tech Consultant · Frontend · UX/UI
Convertí requerimientos empresariales en flujos, wireframes, prototipos y componentes; acompañé implementación y QA con Angular, Liferay y Salesforce, aplicando accesibilidad, UX Writing y consistencia de Design System.
Sep 2020 — 13 Jul 2026
Hipertexto Ltda.
Freelance Frontend Developer · Web Designer
Mantuve ecosistemas editoriales y de comercio electrónico con WordPress, Magento, Laravel y Vue.js; diseñé propuestas en Figma y documenté componentes, despliegues, riesgos e incidencias.
Jun 2022 — Oct 2023
Tambourine · Marketing for Hotels
Frontend Web Developer
Implementé sitios y landing pages para hospitality desde archivos de diseño y sistemas visuales, cuidando responsive, compatibilidad cross-browser, QA visual y rendimiento con HTML5, SCSS, JavaScript y PHP/Symfony.
Mar 2018 — Jun 2022
PasaLaPágina
Frontend Web Developer · UX/UI · Email
Diseñé y desarrollé una plataforma de lectura digital con Vue.js; optimicé navegación, componentes y responsive, y conecté campañas de Mailchimp y emBlue con objetivos editoriales y de producto.
Sep 2015 — Feb 2018
Hipertexto Ltda.
Diseñador web, gráfico y conversión digital
Desarrollé experiencias web, piezas digitales y publicaciones ePub2/ePub3 para contextos editoriales y e-commerce usando HTML, CSS, WordPress, Magento y VTEX.
Ene 2015 — Jul 2015
Legis S.A.
Diseñador gráfico · Arte finalista
Preparé piezas editoriales e impresas, artes finales, pruebas de color y controles de calidad bajo especificaciones de producción.
EDUCACIÓN · BASE VISUAL Y TÉCNICA
Comunicación visual con evolución continua hacia producto e IA.
Formación universitaria en diseño, complementada con desarrollo web y una especialización activa orientada a productos y procesos con inteligencia artificial.
- 2026—Actual
Especialización en Inteligencia Artificial
Corporación Universitaria Minuto de Dios · Inicio: agosto de 2026
- 2019
Profesional en Comunicación Visual
Corporación Universitaria Minuto de Dios
- 2015
Tecnólogo en Comunicación Gráfica
Corporación Universitaria Minuto de Dios
Formación complementaria documentada
- React · 54 horas en fortalecimiento
- Principios SOLID y Clean Code
- JavaScript + Angular
- Diseño y desarrollo de sitios web
- Desarrollo web con PHP
- Inglés A2 certificado
6 rutas documentadas · aprendizaje continuo
Trabajo seleccionado
Casos que explican decisiones, no solo pantallas.
La evidencia disponible se está organizando por contexto, restricciones, proceso, resultado y confidencialidad.
01
Caso anonimizado · En documentación
Estructura comercial empresarial
Jerarquías, nodos, puntos de venta, usuarios, cargas masivas, aprobaciones y mensajes comprensibles bajo restricciones de Salesforce Lightning.
02
Trabajo real · Selección web
Experiencias editoriales y hospitality
Una selección de interfaces implementadas desde diseño para marcas editoriales, hotelería y experiencias de destino.
03
Producto propio · En construcción
CRIS/OS Design System
Foundations, tokens semánticos, componentes accesibles y contratos compartidos entre diseño y código.
04
Trabajo real · Editorial digital
Publicaciones, ePub y campañas
Diseño y desarrollo de publicaciones electrónicas, piezas digitales, landing pages y email marketing para ecosistemas editoriales.
05
Trabajo real · Frontend enterprise
Interfaces sobre Angular y Liferay
Implementación de componentes web con HTML5, SCSS y JavaScript, cuidando accesibilidad, rendimiento y colaboración mediante Git, Jira y Azure DevOps.
06
Trabajo real · Producción gráfica
Diseño editorial y arte final
Piezas gráficas, revisión de pruebas de color y preparación de artes bajo estándares de producción impresa.
Revisa mockups completos, 16 implementaciones web y piezas de motion publicadas.
Explorar archivo visual →SYSTEM + AI LAB
La arquitectura merece su propio espacio.
CRIS/OS, la estrategia Vue–React–Angular y las exploraciones de la especialización se documentan como decisiones, no como una lista de habilidades.
01 · DESIGN SYSTEM
Explorar sistema y laboratorio →Un lenguaje común entre intención y ejecución.
La interfaz que estás viendo es el primer consumidor del sistema: color semántico, escalas fluidas, foco visible, temas y movimiento responsable.
02 · FRAMEWORK STRATEGYTres tecnologías. Tres problemas adecuados.
El portafolio no cargará tres frameworks a la vez. Cada demo será un artefacto aislado, generado estáticamente y cargado bajo demanda.
AI LAB · EXPERIENCIA ASISTIDA
Ask Cris no reemplaza la navegación. La vuelve conversable.
El primer prototipo responde desde un conjunto local de fuentes públicas. La integración con IA se activará después de aprobar proveedor, privacidad, límites y guardrails.
STACK EN MOVIMIENTO
Herramientas conectadas por práctica, no por decoración.
SIGUIENTE NODO
Una conversación, varias puertas de entrada.
Ask Cris puede orientarte por mi experiencia y proyectos. Si ya tienes un reto concreto, puedes continuar por WhatsApp, LinkedIn o correo.