
Cristina Mittermeier
cristinamittermeier.comTomamos: la banda foto grande + texto corto al lado.
Mejoramos: la banda es el formulario HD; foto a color (sin editarla); entrada de proyector.
Va en: sección 6.
▸ 00 Plan para aprobar · 25-sep-2026 · versión 2
Esto no es la página de Adrián: es el plan dibujado. Cada sección aparece como maqueta (cajas, medidas y el material real de Adrián en baja resolución) y, al lado, apuntes numerados que explican qué es cada cosa, por qué va ahí, de qué referencia viene, cómo se ve en escritorio y en celular, y qué movimiento tiene. No se ha construido nada ni se ha tocado el sitio.
▸ 01 Sección 1
Foto a sangre, velo navy y el nombre grande: el mismo patrón que la portada de San José, con un grano de película muy suave.
Escritorio · 1440 px la portada ocupa el 88 % del alto de la pantalla
Celular (390 px): la portada ocupa el 72 % del alto (unos 608 px). La foto no se recorta: el encuadre se elige con CSS (object-position). Como F08 es 4:3, se ve cerca de la mitad del ancho; una foto 16:9 solo dejaría ver un tercio. El texto va abajo, a todo el ancho, y los botones son de 48 px de alto.
F08 · recomendada. Sin destello, 4:3.
F06 · plan B. Cabo San Lucas al anochecer.
F07 · no. Destello abajo a la izquierda, justo donde va el texto. Va a la galería.▸ 02 Sección 2
La bio tal cual, con la lectura limpia de Paul Nicklen y la forma de arco de las fotos del home.
Escritorio · 1440 px retrato 4/12 fijo · texto 8/12

Soy Adrián De Antoni, productor cinematográfico y documentalista de naturaleza. Nací en Argentina y actualmente vivo en Los Cabos, en estremo sur de Baja California Sur. Desde aquí, recorro los caminos de nuestro planeta, llegando a los puntos tan remotos como la Patagonia Argentina. Mi cámara y drone son los compañeros perfectos para contar la relación entre los ecosistemas, la flora, fauna y las comunidades que conviven con ellos.
Me interesa lo que no aparece en las postales: aquello que es invisible, lo que muchas veces no se ve pero se siente: la vida en los ranchos, su idiosincrancia, las costumbres de los pueblos de la sierra, las islas y las vidas cotidianas de quienes cuidan este territorio.
[… los otros 9 párrafos, tal cual …]
3 64–70 caracteres · 17/28 px · sin justificar
En campo. Photo: [POR CONFIRMAR]6
Celular: el retrato arriba (320 px como máximo), las pestañas y el texto a todo el ancho con márgenes de 16 px. Los servicios pasan a una columna.
lang="es"). El inglés es una traducción que revisa Adrián. Las dos están en el HTML: funcionan sin JS y Google lee ambas.▸ 03 Sección 3
Tres bloques: 3a los 10 trabajos con póster en un deslizante (Pete McBride), 3b todos los proyectos por categoría en la «sala» (Renan Ozturk) y 3c reconocimientos y prensa verificados.
3a · Destacados · escritorio texto 7/12 · póster 5/12 · sin autoplay
Las 10 láminas desliza →
01 ASUPMATOMA · 2025
02 Entre el Mar & el Desierto · 2025
03 En busca de la Pitaya · 2025
04 Alas de la Sierra · 2025 nuevo
05 Tres Mares, un Latido · en producción nuevo
06 AREWA · 2024
07 APACHO · 2022
08 Frégoli · 2022
09 Selección Natural: Génesis · 2021
10 Selección Natural: C-19 · 2020
Celular: una lámina por pantalla, se desliza con el dedo; el texto alineado a la izquierda (Pete lo centra y cuesta leer) y el póster debajo del texto.
3b · Todos los proyectos: la «sala» · escritorio banda navy acotada · 18 proyectos en 5 categorías



Celular: no hay mouse, así que la fila que pasa por el centro de la pantalla se «enciende» sola; cada fila lleva una miniatura del póster y un toque abre la descripción. Sin foto a pantalla completa (pesa y distrae). En celular Renan pierde el efecto; aquí no.
<details> (funciona sin JS) y muestra descripción, rol, año y enlace.3c · Reconocimientos y prensa chips + tarjetas en 3 columnas (1 en celular)
▸ 04 Sección 4
Las fotos de Adrián sin recortar, con la esquina curva de las fichas del sitio, su pie y su crédito.
Escritorio · 3 columnas tablet 2 · celular 1–2
Photo: Adrián De Antoni







Fauna · solo en la vista privada hasta que Adrián confirme los lugares



src real (con data-no-lazy).▸ 05 Sección 5
Una fila de logos del mismo tamaño, como «In good company» del home.
Escritorio · una fila de 8 cajas iguales de ~140×56










Celular: también en una sola fila, que se desliza con el dedo (con el siguiente logo asomando para que se note que hay más). Así se respeta «en una fila» sin que los logos queden diminutos.
LosCabos_FullMark_Stack), no el logo del Fideicomiso. En espera, sin prueba: National Geographic, Coparmex, Pro Natura y lifestyle-Los Cabos.▸ 06 Sección 6
La banda foto + texto de Cristina Mittermeier, pero aquí la banda es el formulario: se pide sin salir de la página.
Escritorio · foto 7/12 + panel 5/12
Photo: Adrián De Antoni17/12 · fija mientras se llena
Celular: la foto arriba en 16:9, el formulario debajo y el botón a todo el ancho, de 48 px de alto.
▸ 07 Sección 7
Escritorio · 2 columnas celular: una

Cabo Films · Los Cabos, Baja California Sur
Muestra de la textura
Hecha en código (CSS y SVG, sin IA ni imágenes): 10 KB. Solo en 4 lugares: la portada, la sala de proyectos, los marcos de los pósters y dos cintas separadoras. Nunca sobre crema (lo ensucia). Lo que ves abajo es la textura real.
▸ 03 Projects
Así se ve la «sala»: navy del sitio con viñeta, grano que se mueve 5 s y se detiene, una fuga de luz dorada, perforaciones de 35 mm y números de borde.

↑ Cinta separadora (una al entrar en la sala y otra al salir).
Referencias
Capturas nuestras de las páginas que te gustaron. Tomamos patrones, no contenido ni fotos.

Tomamos: la banda foto grande + texto corto al lado.
Mejoramos: la banda es el formulario HD; foto a color (sin editarla); entrada de proyector.
Va en: sección 6.

Tomamos: la lista de títulos con etiquetas cliente/tipo y la foto grande que aparece al pasar por cada uno.
Mejoramos: en celular la fila se enciende sola; etiquetas legibles; pie honesto en cada foto de fondo.
Va en: sección 3b.

Tomamos: el deslizante con texto a la izquierda, portada a la derecha y flechas.
Mejoramos: sin autoplay, texto alineado a la izquierda en celular, póster en marco de película, cortinilla de proyector.
Va en: sección 3a.

Tomamos: retrato al lado de una columna de texto corta, que se lee muy bien.
Mejoramos: sin texto justificado (Paul deja huecos) y con aire entre párrafos; retrato en arco WIC.
Va en: sección 2.

Tomamos todo lo base: colores, WIC Display y WIC Sans, botones píldora, fotos en arco y con esquina curva, tarjetas de 14 px, bandas navy, chips de crédito, franja de logos.
Regla: que se vea como una sección de la misma web, solo más cuidada.
Tabla de fotos
Formato lugar-tema-adrian-de-antoni.webp. Ningún nombre lleva datos dudosos, porque la URL de una foto es para siempre. Se optimizan sin editarlas: solo tamaño, sRGB y WebP; sin recortes ni filtros; se quita el GPS y se escribe a Adrián como autor.

sierra-de-la-laguna-palm-canyon-stream-aerial-adrian-de-antoni.webp
sierra-de-la-laguna-sunburst-mountain-valley-aerial-adrian-de-antoni.webp
cabo-san-lucas-city-lights-dusk-aerial-adrian-de-antoni.webp
cabo-san-lucas-el-arco-lands-end-palms-adrian-de-antoni.webp
cabo-san-lucas-lands-end-long-exposure-waves-sunset-adrian-de-antoni.webp
cabo-san-lucas-el-arco-pelican-sunset-adrian-de-antoni.webp
rancho-el-refugio-santiago-granite-stream-adrian-de-antoni.webp
rancho-el-refugio-santiago-sandy-arroyo-palm-adrian-de-antoni.webp
rancho-el-refugio-camp-star-trails-sierra-de-la-laguna-adrian-de-antoni.webp
[se nombra al confirmar]
[se nombra al confirmar]
[se nombra al confirmar]



adrian-de-antoni-filmmaker-sea-cliff-camera.webp

| Archivo | Motivo |
|---|---|
| Photos/ChatGPT Image 25 ene 2026…PNG | Hecha con IA (sello C2PA de OpenAI). Tu decisión: «sácala». No va en ninguna parte. |
| Photos/Adrián De Antoni Choyero 6.JPG | Salió de Higgsfield; se ve pintada. Fuera hasta tener el original de cámara. |
| Photos/Tortuga Golfina.PNG | Código de Higgsfield, sin datos de cámara. En espera del original. |
| Bio/Adrian De Antoni 15.PNG, .png y .JPG | Retratos hechos con ChatGPT. |
| Bio/AD 4.PNG, AD 8.PNG | Probablemente pasaron por IA. |
| Film/unnamed (2).jpg (Entre Caminos) | Póster probablemente hecho con IA; no acredita a Adrián. |
| Capturas de prensa | Son de los medios: se enlaza cada nota. |
Cómo se construye
| Fase | Qué hacemos | Qué ves tú |
|---|---|---|
| 0 | Respondes las 6 preguntas bloqueantes y apruebas el plan | — |
| 1 Fotos | Originales a salvo, exportación WebP sin GPS y con autor, hoja de revisión. No se sube nada | La hoja de revisión |
| 2 Página privada | Exclusión de ShortPixel antes de subir (con tu OK). Borrador con clave, 7 secciones con contenido real | Enlace privado + capturas PC, tablet y celular; sala A/B |
| 3 Ajustes | Tus cambios de diseño; se cierran los enlaces que falten | El mismo enlace actualizado |
| 4 Formulario | Revisión de privacidad, antispam, copia en el admin, prueba de envío | Una solicitud de prueba en tu correo |
| 5 QA | Revisión visual doble, Lighthouse ≥ 90, LCP < 2.5 s, sin JS, reducir movimiento, teclado, contraste, schema | Informe con evidencia |
| 6 Adrián | Corrige bio, roles y años en la vista privada | Sus correcciones aplicadas |
| 7 Publicar | Cuando digas: a Google, sitemap con fotos, el crédito empieza a enlazar | La página pública |
| 8 Menú | Cuando digas, con un comando | En el pie o en el menú |
Peso: carga inicial por debajo de 1 MB (portada 300–450 KB, letras ~60 KB, CSS/JS ~40 KB; el límite es 3 MB). Al bajar toda la página, unos 3.5–4 MB, todo diferido (10 pósters ~1 MB, 9 fotos de galería 1.5–2 MB, retratos y logos ~300 KB).
Qué cambió después de la revisión
Una revisión adversaria encontró fallos. Se comprobó cada uno contra la investigación y el servidor (solo lectura). Los más importantes:
src de las imágenes por data-src: todas las del módulo llevarán data-no-lazy para que Google Imágenes las lea.sizes calculado según el recorte.| Estado | Quién la ve | Menú | |
|---|---|---|---|
| (a) HOY: privada | Solo con ?wic_preview=CLAVE; sin clave, 404 | noindex, fuera del sitemap | No |
| (b) Al publicar | Todo el mundo | Indexable, sitemap con fotos, schema de persona | No |
| (c) Después | Todo el mundo | Igual | Sí, con un comando |
Título propuesto: «Adrián De Antoni · Nature Filmmaker in Los Cabos | What's in Cabo». Meta descripción: «Documentaries, aerial footage and photos of Los Cabos and Baja California Sur by filmmaker Adrián De Antoni. See his projects and request his images in HD.»
Para decidir
Las 6 primeras (en dorado) son las que hacen falta para empezar. Las demás pueden esperar a ver la vista privada.
Bloqueantes
Página y piezas del sitio
Material
Proyectos y datos
Diseño
Después