Tomás Hein

Frontend engineering sits in an interesting place — close enough to design to care deeply about how things look and feel, close enough to infrastructure to understand why they break. That middle ground is where I've always worked best.

My path into this field wasn't conventional. A background in graphic and digital design, combined with years of self-directed learning, shaped an approach that's hard to fit into a single lane. I think in systems — tokens, contracts, component APIs, team boundaries — but I also notice when a transition feels off or a layout loses its rhythm at an awkward breakpoint. Both matter, and treating them as separate concerns is usually where things go wrong.

Over time that's translated into a strong pull toward work that sits at the intersection of engineering quality and product experience: design systems that teams actually want to use, architectures that give squads room to move independently, interfaces that hold up under real conditions. More recently, into how intelligent tooling can quietly raise the floor for everything — code quality, accessibility, test coverage — without adding friction to the people writing the code.

I care about the craft. About building things that are easy to inherit, honest in their complexity, and genuinely useful to the person on the other side of the screen.

• Enterprise Micro-Frontend Migration

  Module Federation • Architecture • Web Standards

  Led the transition from a monolithic architecture to a distributed system to support multi-team autonomy.

  Challenge

  Deployment bottlenecks and versioning conflicts across four engineering squads.

  Solution

  Leveraged Module Federation to enable independent runtime deployments.

  Result

  Achieved a 60% reduction in deployment cycle time and decoupled the release pipeline.

• Enterprise Design System & Component Library

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

  Architecting a company-wide design system from scratch — defining the full token structure, theming system, component API, and documentation — adopted across six independent engineering squads.

  Foundation

  Defined the entire design language independently: token architecture, theming system, spacing scale, and typography — establishing a single source of truth that unified visual decision-making across the organisation.

  Components

  Built a library of 20+ accessible components, WCAG 2.2 AA compliant from day one, with minimal external dependencies to reduce bundle overhead and long-term maintenance risk.

  Distribution

  Packaged and published as an internal npm package, enabling squads to consume versioned updates independently without coupling their release cycles to the design system itself.

  Documentation

  Delivered comprehensive Storybook documentation covering usage guidelines, prop contracts, accessibility notes, and design rationale — significantly reducing onboarding time and cross-team inconsistencies.

  Impact

  Measurable reduction in UI inconsistencies and design bugs reaching production, alongside significant development time savings across all consuming squads.

• AI Driven Engineering Productivity Research

  Prompt Engineering • Developer Experience (DX) • LLM Orchestration

  Evaluating automated workflows to integrate Large Language Models into the frontend engineering lifecycle to increase team efficiency.

  Objetive

  Researching Prompt Engineering strategies to enforce structured JSON outputs, ensuring seamless integration with type-safe UI components.

  Exploration

  Prototyping automated code-auditing tools to identify accessibility (A11y) gaps and performance bottlenecks during the pull request review process.

  Status

  Currently benchmarking the impact of AI-assisted unit test generation on overall sprint velocity and long-term code coverage stability.

• Senior Frontend Engineer

  Americar · Remote, Chile

  2023 – 2026 / 2 years, 5 months

  Led the UI/UX design and built the backoffice architecture from scratch using React, TypeScript, TailwindCSS, and AWS. Developed npm packages for the design system via Storybook and shared modules for authentication and HTTP requests, while implementing Module Federation to ensure team autonomy and streamline releases.

  Integrated AI into the workflow to automate the generation of unit and E2E tests, and into the CI/CD pipeline for automated code reviews.

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

• Senior Frontend Engineer

  Onesta · Remote, Chile

  2023 – 2023 / 6 months

  Collaborated on UI/UX design and actively participated in defining the architecture and developing the core component library distributed via npm. This ecosystem was successfully implemented to unify the visual and technical experience across both the main website and the company's backoffice.

  The adoption of this solution significantly optimized development workflows, ensuring interface consistency and centralized maintenance.

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

• Senior Frontend Developer

  Aureolab · Remote, Chile

  2020 – 2022 / 2 years, 6 months

  Led the refactoring, architectural upgrading, and UI redesign of core web platforms and backoffices for Autofin and Qualimed, introducing TypeScript and style modularization. Successfully modernized legacy systems to the latest versions of React and Next.js while delivering key business features.

  Additionally, I drove the continuous development and optimization of high-traffic public sites such as SalcoBrand, ensuring scalability and maintainability.

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

• Frontend Developer

  CFOremoto · Santiago, Chile

  2018 – 2019 / 1 year, 1 month

  Collaborated on UI/UX design and developed from scratch the company's financial portal using Angular, TypeScript, and SASS. Led the implementation of WebSockets for real-time data streaming, enabling instant synchronization of critical financial metrics within the platform.

  Designed a highly customizable graphics and statistics dashboard, delivering a dynamic interface that allows users to adapt data visualization according to their specific analytical needs.

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

• Frontend Developer

  Kunder · Santiago, Chile

  2016 – 2018 / 1 year, 8 months

  As a developer for high-complexity projects, I led the creation and modernization of platforms for major financial institutions. Within the mobile banking sector, I took on the advanced maintenance of the Banco de Chile mobile app, updating custom native Cordova plugins, and actively participated in building Banco Ripley's mobile application from scratch using Ionic and Angular, ensuring top performance in hybrid environments.

  Additionally, I expanded my scope toward B2B enterprise solutions by designing and developing the backoffice for Tanner, where I structured a clean, scalable architecture with React, TypeScript, and Bootstrap that significantly boosted the internal teams' operational efficiency.

  I also managed the optimization of multiple corporate web platforms, tackling complex technical debt through advanced technical support and refactoring legacy JavaScript systems, effectively ensuring their long-term stability and operational continuity.

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

• Early Career

  Various Companies · Santiago, Chile

  Prior to 2016

  Developed websites and digital products using WordPress, PHP, jQuery, and vanilla JavaScript for clients across multiple industries.

  • WordPress
  • PHP
  • Javascript
  • jQuery
• View Full CV/Resume