← trabajos

ilanvivanco

ilanvivanco.com

Mi laboratorio · desde 2020

Este sitio es donde salgo de mi zona de confort y pruebo cosas nuevas, para estar preparado cuando un cliente las necesite. Ya va por dos versiones muy distintas.

Mi rol
Todo, para bien y para mal.
Stack
Astro, TypeScript
Visitar el sitio (abre en otra pestaña)
Captura de ilanvivanco.com: en una pantalla, sobre un escritorio (ampliar)

El punto de partida

En 2020 lo armé con Nuxt y Vue, fuera de mi terreno habitual. Tenía portfolio, CV, animaciones y hasta un blog en dos idiomas. El blog tuvo tres posts, todos ocultos. Quise renovar la información y aproveché para enfocarme por completo en la accesibilidad y el rendimiento.

Qué hicimos

Empezar por los límites

Antes del diseño definí lo que no se negocia: 99+ en Lighthouse, 10 KB de JavaScript propio por página y cero saltos de layout.

Captura de ilanvivanco.com: v1 home (ampliar)

No romper lo que había

Antes de borrar nada, audité cada URL del sitio viejo. Las rutas viejas siguen respondiendo con su redirect.

Captura de ilanvivanco.com: v1 portfolio (ampliar)

Investigar con agentes

Para este portfolio, los agentes revisaron años de trabajo en Gmail, Slack, Trello, GitHub y Notion. Salió un inventario de 168 proyectos, y después revisamos cada caso juntos. También me corrigieron: yo recordaba un import semanal, y era mensual.

Captura de ilanvivanco.com: portfolio (ampliar)

Dos modelos en lados opuestos

Claude hace y Codex revisa, o al revés. Lo que uno da por bueno, el otro lo discute. La decisión final es mía, y el QA vale igual para todos: lo que no pasa, no entra.

Captura de ilanvivanco.com: en desktop y mobile (ampliar)

En números

  • 99+ en Lighthouse, en las 4 categorías
  • 7,5 KB de JavaScript propio en la home
  • 0 errores de accesibilidad con axe