Semántica que escala
Estructura HTML limpia y comprensible para equipos, buscadores y tecnologías de apoyo.
UX Engineer · UI Dev · Maquetador Web
Diseño interfaces digitales claras, robustas y accesibles para productos de alto nivel.
Transformo diseño en producto digital listo para escalar: semántico, accesible, mantenible y alineado con estándares WCAG.
Propuesta de valor
Integro visión UX, precisión en maquetación y estándares de accesibilidad para construir experiencias digitales sólidas, inclusivas y medibles.
CSS moderno y mantenible
Sistemas visuales con variables, tipografía fluida y composición responsive con consistencia real.
Accesibilidad aplicada
Aplicación práctica de WCAG en flujos reales: navegación, formularios, foco y contraste.
Colaboración de producto
Trabajo con diseño, desarrollo y negocio para aterrizar decisiones útiles y con impacto.
Servicios
Servicios orientados a elevar la calidad técnica y la experiencia de uso de tu producto digital.
Maquetación de interfaces
Implementación de interfaces en HTML/CSS con criterio responsive, semántico y escalable.
Auditoría de accesibilidad
Identificación de barreras, priorización de mejoras y hoja de ruta alineada con WCAG.
Refactor UI existente
Refactor de estilos y componentes para mejorar coherencia, rendimiento y mantenibilidad.
Formación de equipos
Capacitación aplicada en maquetación y accesibilidad para fortalecer capacidades internas.
Tecnologías con las que trabajo
Stack técnico aplicado en proyectos de maquetación, accesibilidad y producto digital. La selección tecnológica responde a objetivos de negocio, contexto y mantenibilidad.
Prioridad: base frontend y accesibilidad
-
Accesibilidad
Implementación y validación de criterios WCAG en flujos y componentes reales.
-
HTML5
Base semántica y estructura accesible para productos escalables.
-
CSS
Diseño responsive, sistemas visuales y componentes mantenibles.
-
JavaScript
Interacciones puntuales y mejoras UX sin sobrecargar la interfaz.
-
Sass
Organización de estilos para proyectos grandes y equipos colaborativos.
-
Git
Control de versiones y colaboración en flujo de trabajo profesional.
Frameworks y plataformas
Tecnologías aplicadas según arquitectura, madurez del producto y necesidades del equipo.
-
Lit
Creación de web components reutilizables para interfaces modulares.
-
Bootstrap
Prototipado y maquetación rápida cuando el proyecto lo requiere.
-
Tailwind CSS
Implementación utilitaria para acelerar desarrollo en entornos de componentes.
-
Liferay
Trabajo frontend en ecosistemas corporativos y portales empresariales.
-
WordPress
Implementación y personalización de sitios orientados a negocio.
-
Prestashop
Customización visual y mantenimiento de ecommerce orientado a conversión.
Herramientas de diseño y producto
Herramientas para colaboración con diseño, preparación de activos y consistencia visual.
-
Photoshop
Preparación y optimización de recursos visuales para interfaz y contenidos.
-
Illustrator
Creación y adaptación de elementos vectoriales para entornos digitales.
-
XD
Definición de interfaces, prototipos y handoff de diseño a desarrollo.
-
Figma
Colaboración en sistemas de diseño y evolución de componentes UI.
Metodología de trabajo
-
1. Análisis inicial
Evaluación de objetivos de negocio, estado del frontend y riesgos de UX/accesibilidad.
-
2. Implementación técnica
Desarrollo de soluciones semánticas y optimizadas con criterios técnicos compartidos.
-
3. Validación de calidad
Verificación funcional, navegación por teclado y control de contraste para asegurar cumplimiento.
-
4. Transferencia y continuidad
Documentación de decisiones y acompañamiento para mantener y evolucionar el producto con estabilidad.
Experiencia profesional
Trayectoria en entornos corporativos y equipos multidisciplinares, conectando diseño, desarrollo y negocio para entregar interfaces robustas y accesibles.
- UX Engineer · UI Dev · Maquetador Web (2021 - Actualidad)Desarrollo y maquetación web a partir de diseños, asegurando calidad visual y técnica.
- Accesibilidad digital en productoAplicación de estándares WCAG, validaciones de interfaz y mejoras de navegación por teclado.
- Trabajo colaborativoCoordinación con equipos de diseño y desarrollo en dinámicas ágiles y objetivos de negocio.
- Formador (2023 - 2025)Impartición de formación en HTML, CSS y buenas prácticas con mentorización en proyectos reales.
Perfil profesional
Perfil especializado en desarrollo frontend, maquetación avanzada y accesibilidad digital, con base en producto, diseño multimedia y formación técnica.
- 2021 - Actualidad UX Engineer · UI Dev · Maquetador Web
- 2023 - 2025 Formador en HTML, CSS y buenas prácticas
- 2020 - 2021 Diseñador y Maquetador Web
- 2018 - 2020 Maquetador Web y Diseñador Multimedia
- 2017 Desarrollador y Diseñador Web
Dossier profesional en PDF
Documento ejecutivo con trayectoria, capacidades técnicas y enfoque de colaboración. Preparado para procesos de selección y evaluación profesional.
- Resumen profesional orientado a UX, maquetación y accesibilidad
- Trayectoria en entorno corporativo y colaboración multidisciplinar
- Stack técnico, herramientas y formación actualizada
Currículum vitae
Contacto profesional
Disponible para colaborar en proyectos que requieran maquetación avanzada, accesibilidad digital y enfoque de producto.