Stack y herramientas

¿Quién es Lautaro Hudson?

Lautaro Hudson es Frontend Engineer y Technical Project Manager con base en Buenos Aires, Argentina. Piensa productos y los construye dirigiendo agentes de código: define el problema, diseña la solución, dirige agentes y revisa de cerca lo que producen. Desde 2022 trabaja en Escuela Técnica ORT en el campus virtual y su plataforma nueva (React y Next.js sobre un campus PHP con 20.000 usuarios activos): entró como desarrollador frontend, codiseñó el design system del campus, construyó de punta a punta una plataforma de autoaprendizaje y desde 2026 ejerce el rol de TPM coordinando un equipo de 5 a 6 personas. Desde 2024 lleva LH Studio, donde hace productos para clientes y propios.

Stack principal

• React y Next.js 16: la base de todos los proyectos activos: App Router, Server Components, rutas de API y renderizado híbrido.
• TypeScript: tipado estricto en todo el código, incluidos scripts y tests.
• Tailwind CSS 4 y CSS Modules: utilidades para velocidad, módulos y custom properties para los sistemas visuales propios (este sitio, el túnel del home).
• GSAP 3 + ScrollTrigger: la única librería de animación: el scroll como cámara, reveals y parallax sin castigar el rendimiento.
• Figma y design systems: tokens y componentes antes de la primera pantalla; tres sistemas propios publicados (Appstack, lhstudio.com.ar, NatArt).
• Turso + Drizzle, Supabase, PocketBase: según el proyecto: SQLite en el borde para este sitio, Postgres con RLS para Chanchito, PocketBase en VPS propio para clientes.
• Vercel y un VPS propio: Vercel para los front; un VPS con Docker y Caddy para backends, agentes y subdominios de LH Studio.
• Claude Code como agente de código: el método está en el caso Pancho: definir el problema, diseñar la solución, dirigir agentes y revisar de cerca lo que producen.
• Accesibilidad y performance: WCAG 2.2 AA, HTML semántico y Lighthouse medido en cada cambio grande.

Cómo trabajo

• Primero el problema: para quién es, qué duele y qué evidencia hay, antes de dibujar.
• Diseñar con sistema: tokens, componentes y estados definidos antes de la primera pantalla.
• Construir dirigiendo agentes: specs claras, agentes de código que ejecutan, revisión cercana del resultado.
• Medir en producción: usuarios reales, Lighthouse y métricas antes de tocar el código otra vez.

Experiencia

• Escuela Técnica ORT: Technical Project Manager · antes Frontend Engineer (2022 — hoy). Campus virtual con 20.000 usuarios activos y su plataforma nueva. Entré como desarrollador frontend, codiseñé el design system del campus y construí de punta a punta la plataforma de autoaprendizaje, con 27 contenidos publicados y métricas de uso. Desde 2026 propuse y ejerzo el rol de TPM: proceso armado desde cero, specs de pantallas y coordinación de un equipo de 5 a 6 personas hacia el ciclo lectivo 2027.
• LH Studio: Founder · producto, diseño y desarrollo (2024 — hoy). Productos para clientes y propios, de punta a punta: identidad, diseño, desarrollo, infraestructura y entrega. Micka, Mediaciones Steffen, NatArt y JM Sound para clientes; Chanchito y Pancho como productos propios.
• Valere: UX/UI Designer & Frontend Developer (2025 — 2026). MVPs B2B en sprints ágiles: de wireframes UX a bases de código React modulares, un sitio en Framer con componentes propios, y la migración de base de datos y autenticación de un producto existente.
• Instituto Humai: Frontend Web Developer (2025 — 2026). Rediseño de la navegación, UI kit, SEO técnico y performance de la plataforma institucional de un instituto de inteligencia artificial, con consentimiento de cookies y analítica.
• Minimal: Diseñador & Desarrollador Web (2021 — 2024). Relevamiento, diseño y desarrollo de sitios en WordPress y PHP, y entrega al cliente. El primer contacto con producción real y ciclos completos de proyecto.

Proyectos

• Chanchito: Finanzas personales con IA para el bolsillo argentino: cuotas, dos monedas y un chat con voz. En producción, con usuarios reales.
• ORT: El campus virtual de una escuela con 20.000 usuarios activos y su plataforma nueva: entré como desarrollador frontend y hoy soy Technical Project Manager, diseñando pantallas, definiendo producto y coordinando al equipo. Sin capturas: es trabajo para un empleador.
• Pancho: Mi sistema personal de agentes, diseñado como un producto: una fuente de verdad, rituales diarios y un agente que corre en un servidor. Es la forma en que trabajo.
• NatArt: Marca, tienda de arte y estudio de tatuajes para Natalia Heller: dos universos en un dominio, design system propio en Figma y un panel que ella opera sola. En construcción.
• Don Micka de la Vega: Portfolio bilingüe (EN/FR) para un fotógrafo, con motion engineering como eje: transiciones GSAP, smooth scroll y un CMS propio para que el cliente publique su obra sin tocar código.
• Mediaciones Steffen: Landing institucional y sistema de turnos online para un estudio de mediación, con pago por transferencia, carga de comprobante y panel de administración propio.
• Appstack: Challenge de una semana para un rol de Product Designer: rediseñar una tabla de atribución de marketing que nadie podía leer. Sistema tokens-first, Figma público y demo.
• Synvelt: Rediseño corporativo B2B con migración a Framer, CMS integrado y gestión crítica de infraestructura DNS sin caídas.
• AlentApp: Pulsera con ESP32 y acelerómetro que detecta el aliento del hincha en la cancha, más una app que lo convierte en puntos. Tesis de grado, 10/10.
• HUMAI — Rediseño Institucional: Rediseño parcial de plataforma educativa con foco en UX/UI, arquitectura de información, identidad digital y estrategia SEO institucional.
• FernetApp: PWA de resultados, goles y rankings del equipo de fútbol de los sábados. Nació de un Excel y lleva tres años en uso.
• JM Sound: Identidad visual y landing para un audiorental de Buenos Aires: alquiler e instalación de sonido con técnico durante todo el evento.
• lhstudio.com.ar: Este sitio: design system propio en Figma, dos universos bajo un dominio, admin con base de datos real y un home que es un túnel 3D manejado por scroll.