★ LAB · MADE WORK · Prototipos visuales 10 mayo 2026

Tres caminos visuales para elegir uno.

Roberto está inquieto sobre que el sitio actual no sea premiable en Awwwards/FWA. Yo investigué qué hace que un sitio gane (ver doc en Obsidian: Research/Output-ClaudeChat/2026-05-10 Rediseño visual) y construí estos tres prototipos para que tengamos algo visual con qué reaccionar — no solo descripciones escritas.

Cada concept es una dirección visual completa aplicada al home de MADE Work con jobs de empresas reales (Anagrama, Heineken, Marte). Ninguno toca producción. Esto es un sandbox.

3 conceptos 0 riesgo a producción Stack: HTML + CSS plano Migrable a: Astro + Lovable
Concept A

El Periódico del Trabajo Creativo

"Creativos del norte. Trabajo a primera plana."

  • Vibe editorial revista (Pangram Pangram + LEEROY)
  • Tipografía Fraunces (serif editorial)
  • Paleta crema + tinta + rojo periódico
  • Cards estilo nota con kicker, headline, byline
  • Más premiable en Awwwards (jurado europeo)
Ver prototipo →
Concept B

Industrial Norte

"Trabajo bien hecho. Hecho en el norte."

  • Herencia industrial regiomontana (Ashfall + Federico Pian)
  • Display Archivo Black (heavy, condensed)
  • Paleta kraft + naranja Pemex + cobalto + carbón
  • Cards con stamp/sello + brutal shadows
  • Más diferenciable, mejor capitaliza identidad
Ver prototipo →
Concept C

Directorio Vivo

"No es una bolsa. Es la guía del talento creativo del norte."

  • Editorial puro (Cyd Stumpel + Read.cv)
  • Inter weight 500 + accent rotativo por sección
  • Talento es protagonista, vacantes secundarias
  • Custom cursor, microinteracciones sutiles
  • Más escalable, menos memorable
Ver prototipo →

Comparación rápida

A · Editorial B · Industrial C · Directorio
Awwwards potential ★★★★★ (alto) ★★★★ (alto) ★★★ (medio)
Diferenciación Editorial niche Identidad geográfica única Genérico premium
Riesgo "se ve igual a otro" Bajo Muy bajo Medio (Read.cv-ish)
Esfuerzo desarrollo Medio Medio Alto (cursor + animaciones)
Mantenibilidad Alta Alta Media
Apela a clientes empresa Alto (sofisticación) Medio (puede sentirse muy regio) Alto (tendencia internacional)
Apela a talento joven Medio Alto (autenticidad local) Alto (modernidad)
Conserva neo-brutalism actual No, pivote total Sí, lo evoluciona No, lo deja

Cómo decidir

Mi recomendación

Concept B (Industrial Norte) es el que mejor capitaliza la identidad geográfica única de MADE — nadie más juega ahí. Conserva tu neo-brutalism actual pero lo eleva con texturas, tipografía heavy, y paleta cálida.

Si tu prioridad es ganar Awwwards SOTD en los próximos 12 meses, ve por A (es el lenguaje que el jurado europeo premia hoy).

C es defensable pero menos memorable.

Cómo elegir tú

  1. Abre los 3 prototipos en pantallas grandes y celular.
  2. Pregúntate cuál te orgulleces de mandar a un creativo veterano que admiras (¿qué dirías de cada uno si Tobias van Schneider lo viera?).
  3. Cuál envejece mejor — visualiza en 3 años con 200 vacantes y 500 talentos.
  4. Cuál sostienes sin que envejezca — tendencias mueren, identidades sobreviven.
  5. Mándale los 3 a Lili y a 2-3 founders amigos que respeten tu gusto. Quieren ver visual, no leer descripción.

Después de elegir

  1. Me dices "le entro a [A/B/C]" o "mezcla X de A con Y de B".
  2. Yo construyo versión Astro + animaciones reales (Lenis + GSAP) en lab.made-mx.com.
  3. Iteramos en lab.made-mx.com hasta que estés feliz (1-2 semanas).
  4. Migramos los patrones ganadores al Lovable production sin perder lo que ya funciona.

Caveat importante

Estos son prototipos estáticos sin animaciones — solo demuestran composición, paleta y tipografía. Las animaciones que harían cada uno premiable (Lenis smooth scroll, GSAP type animations, magnetic cursor, page transitions) NO están aquí todavía.

Si te gusta una dirección base, el siguiente paso es construir la versión completa con animaciones reales en Astro. Eso requiere 1-2 semanas más.