trabajo / EMP—001 · caso interno · construido en público
Este sitio, construido en público.
01 — Problema
Nadie te contrata sin casos, y no hay casos sin contratos.
Un estudio nuevo sin portafolio enfrenta esa paradoja clásica. Decidimos romperla convirtiendo nuestro propio lanzamiento en el primer caso — con la vara más alta que le pondríamos a cualquier cliente: calibre de premio internacional, accesibilidad AA y métricas publicadas.
02 — Enfoque
Ocho rutas. Una dirección.
Antes de elegir un color estudiamos el mercado de estudios en México y LATAM, doce competidores locales y sus precios publicados, y los referentes internacionales que marcan la vara. La dirección salió de ocho rutas divergentes reducidas a una: Ácido Editorial — lujo silencioso interrumpido quirúrgicamente por un verde que no pide permiso.
- ruta 01
- ruta 02
- ruta 03
- ruta 04
- ruta 05 ✓Ácido Editorial
- ruta 06
- ruta 07
- ruta 08
- Papel
#FAFAF6 · fondos
tinta sobre papel 17.63:1 - Tinta
#141412 · texto · bloques
papel sobre tinta 17.63:1 - Ácido
#C6F211 · el virus
tinta sobre ácido 14.1:1 - Gris piedra
#55554E · secundario
sobre papel 7.2:1
display · titulares
texto corrido
datos · fichas · terminal
03 — La lección más cara nos la dio un iPhone
«El contenido existe primero. El motion es una capa.»
Las primeras versiones del prototipo escondían el contenido detrás de animaciones que dependían de JavaScript — y el visor donde se revisaban no lo ejecuta. Resultado: página en blanco.
La regla que nació de ese error gobierna todo el código: el contenido existe completo y legible; el motion se enciende encima cuando el navegador puede. Si estás leyendo esto, la regla funciona.
04 — Decisiones técnicas
Decisiones técnicas, en corto.
- a.Astro, salida estáticaEl HTML plano es imbatible en velocidad.
- b.Cero librerías de UINada que el navegador descargue sin necesidad.
- c.< 5 KB de JS propioTodo el motion del sitio cabe ahí.
- d.Bilingüe /es /enDesde la arquitectura, no como parche.
- e.AA como requisitoDe construcción, no auditoría de última hora.
- f.Contenido primeroSin JavaScript, el sitio se lee completo.
05 — Resultado
En construcción — y esa es la gracia.
| Métrica | Gate de salida | Producción |
|---|---|---|
| Rendimiento · Lighthouse | ≥ 95 | 100 móvil · 100 escritorio |
| SEO · Lighthouse | ≥ 95 | 100 · 100 |
| Accesibilidad · Lighthouse | 100 | 100 · 100 |
| Core Web Vitals | en verde | LCP 1.6 s · CLS 0.004 · TBT 0 |
| Leads y proyectos | GA4 · 90 días | tras el lanzamiento |
Medido el 01.10.2026 en producción (home en español) con PageSpeed Insights — Lighthouse 13.5, móvil emulado y escritorio. Los datos de campo de Core Web Vitals llegan cuando haya tráfico real. El resultado comercial se reporta con datos de GA4 a los 90 días del lanzamiento. Sin adjetivos: números.