Tomás Hein

El desarrollo frontend ocupa un lugar interesante — lo suficientemente cerca del diseño como para preocuparse profundamente por cómo se ven y se sienten las cosas, lo suficientemente cerca de la infraestructura como para entender por qué se rompen. Ese punto intermedio es donde siempre he trabajado mejor.

Mi camino en este campo no fue convencional. Una base en diseño gráfico y digital, combinada con años de aprendizaje autodidacta, formó una manera de trabajar difícil de encasillar. Pienso en sistemas — tokens, contratos, APIs de componentes, límites de equipo — pero también noto cuando una transición se siente mal o un layout pierde su ritmo en un breakpoint incómodo. Ambas cosas importan, y tratarlas como preocupaciones separadas es generalmente donde todo empieza a fallar.

Con el tiempo eso se ha traducido en una fuerte inclinación hacia el trabajo que se encuentra en la intersección de la calidad de ingeniería y la experiencia de producto: sistemas de diseño que los equipos realmente quieren usar, arquitecturas que dan a los squads espacio para moverse de forma independiente, interfaces que se mantienen bajo condiciones reales. Más recientemente, hacia cómo las herramientas inteligentes pueden elevar silenciosamente el estándar de todo — calidad de código, accesibilidad, cobertura de tests — sin añadir fricción a las personas que escriben el código.

Me importa el oficio. Construir cosas que sean fáciles de heredar, honestas en su complejidad, y genuinamente útiles para la persona al otro lado de la pantalla.

• Migración a Micro-Frontend Empresarial

  Module Federation • Arquitectura • Web Standards

  Liderazgo de la transición desde una arquitectura monolítica hacia un sistema distribuido para dar autonomía a múltiples equipos.

  Desafío

  Cuellos de botella en los despliegues y conflictos de versionado entre cuatro squads de ingeniería.

  Solución

  Implementación de Module Federation para habilitar despliegues independientes en tiempo de ejecución.

  Resultado

  Reducción del 60% en el tiempo de ciclo de deployment y desacoplamiento completo del pipeline de releases.

• Sistema de Diseño y Librería de Componentes Empresarial

  React • TypeScript • Storybook • WCAG 2.2 AA • Design Tokens • NPM

  Arquitectura de un sistema de diseño a nivel empresarial desde cero — definiendo la estructura completa de tokens, el sistema de temas, la API de componentes y la documentación — adoptado por seis squads de ingeniería independientes.

  Fundación

  Definición completa del lenguaje de diseño de forma independiente: arquitectura de tokens, sistema de temas, escala de espaciado y tipografía — estableciendo una única fuente de verdad que unificó las decisiones visuales en toda la organización.

  Componentes

  Librería de más de 20 componentes accesibles, con cumplimiento WCAG 2.2 AA desde el primer día, y dependencias externas mínimas para reducir el overhead del bundle y el riesgo de mantenimiento a largo plazo.

  Distribución

  Empaquetado y publicado como paquete npm interno, permitiendo a los squads consumir actualizaciones versionadas de forma independiente sin acoplar sus ciclos de release al sistema de diseño.

  Documentación

  Documentación exhaustiva en Storybook con guías de uso, contratos de props, notas de accesibilidad y fundamentos de diseño — reduciendo significativamente el tiempo de onboarding y las inconsistencias entre equipos.

  Impacto

  Reducción medible de inconsistencias de UI y bugs de diseño en producción, junto con un ahorro significativo de tiempo de desarrollo en todos los squads consumidores.

• Investigación de Productividad de Ingeniería con IA

  Prompt Engineering • Developer Experience (DX) • LLM Orchestration

  Evaluación de flujos de trabajo automatizados para integrar Large Language Models en el ciclo de vida de ingeniería frontend y aumentar la eficiencia del equipo.

  Objetivo

  Investigación de estrategias de Prompt Engineering para garantizar outputs JSON estructurados, asegurando una integración fluida con componentes UI type-safe.

  Exploración

  Prototipado de herramientas automatizadas de auditoría de código para identificar brechas de accesibilidad (A11y) y cuellos de botella de rendimiento durante el proceso de revisión de pull requests.

  Estado

  Actualmente midiendo el impacto de la generación asistida por IA de tests unitarios sobre la velocidad de sprint y la estabilidad de la cobertura de código a largo plazo.

• Ingeniero Frontend Senior

  Americar · Remoto, Chile

  2023 – 2026 / 2 años, 5 meses

  Lideré el diseño UI/UX y creé desde cero la arquitectura del backoffice con React, TypeScript, TailwindCSS y AWS. Desarrollé librerías npm para el sistema de diseño en Storybook y módulos compartidos de autenticación y consumo HTTP, además de implementar Module Federation para garantizar la independencia de los equipos y optimizar los releases.

  Integré IA en el flujo de trabajo para automatizar la creación de tests unitarios y E2E, y en el pipeline de CI/CD para la revisión de código automaticas.

  • AWS
  • Module Federation
  • NPM
  • UI Design
  • UX Design
  • Typescript
  • React
  • TailwindCSS
  • Storybook
  • Integracion IA
  • Bitbucket
  • CI/CD

• Ingeniero Frontend Senior

  Onesta · Remoto, Chile

  2023 – 2023 / 6 meses

  Colaboré en el diseño UI/UX y participé activamente en la definición de la arquitectura y desarrollo de la librería central de componentes distribuida mediante npm. Este ecosistema fue implementado de manera exitosa para unificar la experiencia visual y técnica tanto en el sitio web principal como en el backoffice de la empresa.

  El uso de esta solución optimizó significativamente los tiempos de desarrollo, garantizando consistencia en la interfaz y un mantenimiento centralizado.

  • NPM
  • Typescript
  • React
  • TailwindCSS
  • Storybook
  • UI Design
  • UX Design

• Desarrollador Frontend Senior

  Aureolab · Remoto, Chile

  2020 – 2022 / 2 años, 6 meses

  Lideré la refactorización, actualización arquitectónica y rediseño UI de plataformas web principales y backoffs para Autofin y Qualimed, introduciendo TypeScript y modularización de estilos. Logré modernizar sistemas legados a las últimas versiones de React y Next.js, añadiendo nuevas funcionalidades clave para el negocio.

  Adicionalmente, aseguré el desarrollo continuo y la optimización de portales públicos de alta demanda como SalcoBrand, garantizando escalabilidad y mantenibilidad.

  • UI Design
  • Docker
  • Typescript
  • React
  • NextJS
  • CSS Modules
  • SASS
  • Websockets
  • Charts

• Desarrollador Frontend

  CFOremoto · Santiago, Chile

  2018 – 2019 / 1 año, 1 mes

  Colaboré en el diseño UI/UX y desarrollé desde cero el portal financiero de la compañía utilizando Angular, TypeScript y SASS. Lideré la implementación de WebSockets para la transferencia de datos en tiempo real, permitiendo la sincronización inmediata de métricas financieras críticas dentro de la plataforma.

  Diseñé un dashboard de gráficos y estadísticas altamente personalizable, logrando una interfaz dinámica que permite a los usuarios adaptar la visualización de datos según sus necesidades analíticas.

  • UI Design
  • Typescript
  • Angular
  • SASS
  • Websockets
  • Charts

• Desarrollador Frontend

  Kunder · Santiago, Chile

  2016 – 2018 / 1 año, 8 meses

  Como consultor en proyectos de alta complejidad, lideré el desarrollo y la modernización de plataformas para grandes instituciones financieras. En el sector de banca móvil, asumí el mantenimiento avanzado de la aplicación del Banco de Chile, actualizando plugins nativos en Cordova, y participé activamente en la construcción desde cero de la aplicación mobile de Banco Ripley utilizando Ionic y Angular, garantizando un rendimiento óptimo en entornos híbridos.

  Adicionalmente, expandí mi alcance hacia soluciones empresariales B2B mediante el diseño y desarrollo del backoffice para Tanner, donde estructuré una arquitectura limpia y escalable con React, TypeScript y Bootstrap que mejoró la eficiencia operativa de los equipos internos.

  También gestioné la optimización de múltiples sitios web de la compañía, resolviendo deudas técnicas complebas mediante el soporte técnico avanzado y la refactorización de sistemas web legados basados en JavaScript puro, asegurando su estabilidad y continuidad operacional.

  • Cordova
  • Ionic
  • Javascript
  • Typescript
  • Angular
  • React
  • SASS
  • Bootstrap
  • Charts

• Carrera Temprana

  Varias Empresas · Santiago, Chile

  Antes de 2016

  Desarrollo de sitios web y productos digitales con WordPress, PHP, jQuery y JavaScript vanilla para clientes de distintas industrias.

  • WordPress
  • PHP
  • Javascript
  • jQuery
• Ver CV/Currículum Completo