Systems first
I connect decisions, rules and states before drawing screens.
DESIGN ENGINEER · UX/UI · FRONTEND · GRAPHIC DESIGN
I design systems. I engineer experiences. I orchestrate AI-assisted workflows.
I connect product design, visual systems, frontend engineering and business context to turn enterprise complexity into clear, scalable products.
Bogotá · Open to new opportunities
Designed with constraints
I work across business, technology, accessibility and operations.
Built to learn
I prototype, implement and measure to reduce uncertainty.
PROFILE · THREE CONNECTED BRANCHES
One hybrid practice, not three isolated profiles.
My value comes from connecting visual thinking, user experience and implementation. Each branch has its own depth and shares one goal: clear, useful and buildable products.
I am Cristian Rubén Salcedo Díaz. My experience combines UX/UI, information architecture, design systems, frontend development and visual communication applied to real products.
I am expanding this practice into AI Product Design, agents, RAG, automation and responsible evaluation of AI-assisted solutions.
01 / 03
From design to production UI
Frontend Engineering
Semantic markup, components, responsive behavior, accessibility, performance and integration across enterprise and editorial platforms.
02 / 03
From complexity to decisions
UX/UI & Product Design
Information architecture, flows, wireframes, prototypes, UX Writing and visual systems aligned with technical and business constraints.
03 / 03
From message to visual system
Graphic Design
Visual communication, editorial design, prepress, digital assets, email marketing and interactive experiences across channels.
STACK · TOOLS IN CONTEXT
Technology and design applied to real problems.
This is not a logo collection. Every tool is connected to a verifiable part of my professional practice.
Frontend
- HTML5
- CSS3
- Sass / SCSS
- JavaScript
- TypeScript
- Angular
- Vue.js
- React · training
- Liferay
- PHP / Symfony
- REST APIs
- Git
UX/UI & Product
- Figma
- Adobe XD
- Information architecture
- User flows
- Wireframes
- Prototypes
- Design Systems
- UX Writing
- Accessibility
- Responsive Design
Graphic Design
- Illustrator
- Photoshop
- InDesign
- After Effects
- Premiere Pro
- Acrobat
- Editorial design
- Prepress
- ePub
- Email marketing
Product & collaboration
- Jira
- Azure DevOps
- Salesforce Lightning
- WordPress
- WooCommerce
- Magento
- VTEX
- Technical SEO
- Visual QA
- Applied AI
42 capabilities · 4 contexts
EXPERIENCE · CAREER 2015—2026
Designing, implementing and evolving digital products.
A career that moved from graphic production and editorial ecosystems into frontend interfaces and enterprise platforms.
Oct 2023 — Jul 24, 2026
Grupo VASS
Tech Consultant · Frontend · UX/UI
Turned enterprise requirements into flows, wireframes, prototypes and components; supported implementation and QA with Angular, Liferay and Salesforce while applying accessibility, UX Writing and Design System consistency.
Sep 2020 — Jul 13, 2026
Hipertexto Ltda.
Freelance Frontend Developer · Web Designer
Maintained publishing and e-commerce ecosystems with WordPress, Magento, Laravel and Vue.js; designed Figma proposals and documented components, deployments, risks and incidents.
Jun 2022 — Oct 2023
Tambourine · Marketing for Hotels
Frontend Web Developer
Implemented hospitality websites and landing pages from design files and visual systems, covering responsive behavior, cross-browser compatibility, visual QA and performance with HTML5, SCSS, JavaScript and PHP/Symfony.
Mar 2018 — Jun 2022
PasaLaPágina
Frontend Web Developer · UX/UI · Email
Designed and developed a digital reading platform with Vue.js; improved navigation, components and responsive behavior, connecting Mailchimp and emBlue campaigns with publishing and product goals.
Sep 2015 — Feb 2018
Hipertexto Ltda.
Web, graphic and digital conversion designer
Built web experiences, digital assets and ePub2/ePub3 publications for publishing and e-commerce contexts using HTML, CSS, WordPress, Magento and VTEX.
Jan 2015 — Jul 2015
Legis S.A.
Graphic Designer · Final Art
Prepared editorial and print assets, final artwork, color proofs and quality controls under production specifications.
EDUCATION · VISUAL AND TECHNICAL FOUNDATION
Visual communication evolving continuously into product and AI.
University education in design, complemented by web development and an active specialization focused on AI-enabled products and processes.
- 2026—Present
Specialization in Artificial Intelligence
Corporación Universitaria Minuto de Dios · Started August 2026
- 2019
Bachelor-level degree in Visual Communication
Corporación Universitaria Minuto de Dios
- 2015
Technologist in Graphic Communication
Corporación Universitaria Minuto de Dios
Documented complementary training
- React · 54-hour upskilling track
- SOLID principles and Clean Code
- JavaScript + Angular
- Website design and development
- Web development with PHP
- Certified A2 English
6 documented tracks · continuous learning
Selected work
Cases that explain decisions, not just screens.
Available evidence is being organized by context, constraints, process, outcome and confidentiality.
01
Anonymized case · In documentation
Enterprise sales structure
Hierarchies, nodes, points of sale, users, bulk uploads, approvals and understandable feedback under Salesforce Lightning constraints.
02
Real work · Web selection
Editorial and hospitality experiences
A selection of interfaces implemented from design for publishing, hospitality and destination brands.
03
Own product · In progress
CRIS/OS Design System
Foundations, semantic tokens, accessible components and shared contracts between design and code.
04
Real work · Digital publishing
Publishing, ePub and campaigns
Design and development of electronic publications, digital assets, landing pages and email marketing for editorial ecosystems.
05
Real work · Enterprise frontend
Interfaces built with Angular and Liferay
Web components implemented with HTML5, SCSS and JavaScript, with attention to accessibility, performance and Git-based collaboration.
06
Real work · Graphic production
Editorial design and prepress
Graphic assets, color proof review and final artwork prepared under professional print-production standards.
Browse full-page mockups, 16 web implementations and published motion work.
Explore visual archive →SYSTEM + AI LAB
The architecture deserves its own space.
CRIS/OS, the Vue–React–Angular strategy and specialization explorations are documented as decisions, not as a skills list.
01 · DESIGN SYSTEM
Explore system and lab →A shared language between intent and execution.
This interface is the system’s first consumer: semantic color, fluid scales, visible focus, themes and responsible motion.
02 · FRAMEWORK STRATEGYThree technologies. Three suitable problems.
The portfolio will not ship three frameworks at once. Each demo will be isolated, statically generated and loaded on demand.
AI LAB · ASSISTED EXPERIENCE
Ask Cris does not replace navigation. It makes it conversational.
The first prototype answers from a local set of public sources. AI integration will follow approval of provider, privacy, limits and guardrails.
STACK IN MOTION
Tools connected by practice, not decoration.
NEXT NODE
One conversation, several ways to begin.
Ask Cris can guide you through my experience and projects. If you already have a specific challenge, continue on WhatsApp, LinkedIn or email.