Los errores del home, arreglados

Antes y despuésFotos del home real, mismo método

Izquierda: antes de los arreglos. Derecha: ahora. Mismo tamaño de pantalla y mismo punto de la página. En algunas fotos la cabecera fija aparece a media toma: es la forma de capturar la página completa, no un defecto.

E2 · «Why plan» después de «volver arriba» (PC)

La tarjeta azul se quedaba encima de las razones y las columnas chuecas. Ahora la sección queda limpia, y el efecto arranca justo cuando llega la sección (el anclaje empezaba 85 px tarde).

Antes

Ahora

E3 · «All 59 beaches» en la banda oscura

Azul petróleo sobre azul marino (2.2 a 1) → crema, como su flecha. Igual en «View all guides» y «Yacht rentals».

Antes

Ahora

E3 · «Yacht rentals»

Antes

Ahora

E4 · Pie de página en celular

Títulos dorados como en PC, «Subscribe» dorado con letra azul, sin la rayita suelta, y las listas alineadas con el logo.

Antes

Ahora

E5 · «What do you want to do?» en celular

Sin el emoji 🔥 (salía como cuadrito) y sin etiquetas encimadas: ya nada se sale de su tarjeta ni ensancha la página.

Antes

Ahora

E6 · Menú del celular: tocar «Explore»

Antes no hacía nada. Ahora abre su lista (Beaches, Hotels, Tours…, Transportation), y la X de cerrar mide 44 px.

Antes

Ahora

E7 · iPad vertical: «Why plan»

Cuatro columnitas de 72 px con palabras sueltas → dos razones por fila, sin la línea suelta.

Antes

Ahora

E7 · iPad: la pastilla «Search Cabo» al bajar

Se quedaba flotando sobre la página cuando la barra se escondía. Ahora mide 44 px y se va con la barra (en todo el sitio).

Antes

Ahora

E7 · iPad: carruseles

Una sola tarjeta estirada a todo lo ancho → dos por vista.

Antes

Ahora

E8 · Botón del Passport al pasar el ratón

El texto se volvía naranja sobre naranja. Ahora sigue en azul marino.

Antes

Ahora

E9 · Agenda «What’s on in Cabo» (final del carrusel)

Salían tres eventos de julio y el Art Walk (en pausa según su propia ficha). Ahora solo los 8 que vienen, del 7 de octubre al 13 de diciembre.

Antes

Ahora

E10 · Buscador (PC)

Campo con texto de ejemplo («Search by name or area»): ya no parece vacío.

Antes

Ahora

E10 · Buscador (celular)

Texto de ejemplo en el campo y «Any type» en el tipo, alineado con su rótulo.

Antes

Ahora

E11 · Sello «LIVE MAP»

Tapaba a medias una etiqueta grabada en el video («Golden hour…»), que asomaba cortada. Ahora es una pestaña en la esquina que la cubre completa en todo el loop del video; lo comprobé en 4 momentos y 6 pantallas.

Antes

Ahora

E12 · Nombre del hotel y el corazón (Android chico)

«Hard Rock Hotel Los Cabos» pasaba por debajo del corazón. Ahora deja su espacio.

Antes

Ahora

Detalle · Regiones en celular

El nombre arrancaba corrido a la derecha: ahora alinea con su texto.

Antes

Ahora

Detalle · Banda de cifras en celular

Etiquetas sin el hueco enorme entre renglones y, abajo, el arena continúa sin franja blanca.

Antes

Ahora

Detalle · Muro de Instagram en celular

Mismo margen que el resto de la página (iba pegado a 10 px).

Antes

Ahora

Detalle · Pie en iPad

Aire entre filas: «FOR BUSINESSES» ya no queda pegado a la lista de arriba.

Antes

Ahora

E1 · El brinco al cargarLa página ya no brinca

Antes, lo que iba debajo del video aparecía primero y uno o dos segundos después bajaba unos 850 píxeles, cuando se armaban la bienvenida y el buscador. Ahora se reserva el espacio exacto de esos dos bloques, medido en 27 anchos de pantalla, y se libera en el mismo instante en que aparecen. Lo de abajo nace en su lugar final y nada se oculta. Medida de Google (CLS; bueno es 0.1 o menos):

VerificaciónTres revisores, por separado

Lo que encontraron y cómo quedó

• Hoteles en PC: El arreglo del corazón, pensado para celular, partía «Hard Rock Hotel Los Cabos» en dos renglones. (corregido: ahora solo aplica en celular)
• Sello «LIVE MAP» en PC: En su nuevo lugar tapaba el rótulo «Golden Gate Bank» del video la mitad del tiempo. (corregido: ahora es una pestaña en la esquina que cubre solo la etiqueta grabada del video, comprobado en 4 momentos del loop y 6 pantallas)
• Buscador: «Any type» no aparecía (la regla nunca aplicaba) y en PC se encimaba con su rótulo. (corregido: solo hasta 768 px, donde el rótulo va arriba, y alineado con él)
• iPad vertical y celular acostado: La regla de «dos tarjetas por vista» también encogió hoteles, transporte y categorías a media celda. (corregido: ahora solo aplica a los 6 carruseles; medido tarjeta = celda en 768 y 844)
• Muro de Instagram en celular: Las fotos quedaron a 18 px y el título a 10 px. (corregido: todo a 18 px)
• Boletín del pie en celular: Quedó 28 px más adentro que el logo y las listas. (corregido: todo a 20 px)
• Brinco al cargar con red muy lenta (400 kbps): Ocultar lo de abajo del video no alcanzaba: se destapaba antes de que llegara la bienvenida y brincaba igual (0.66). Mientras estaba oculto se veían textos sueltos de «Why plan». (rehecho: ahora se reserva el espacio exacto (medido en 27 anchos) y se suelta en el mismo instante en que aparece la bienvenida; con red muy lenta queda en 0.001 y ya no hay textos sueltos)
• «Why plan» con una sola muesca de rueda hacia arriba: Ya pasaba antes de la fase 1: la tarjeta azul podía quedarse encima de las columnas 02 y 03. (corregido: el efecto decide el volteo antes de colocar las columnas; 8 de 8 intentos quedan bien)
• Agenda «What’s on in Cabo»: Se iba a vaciar el 14 de diciembre si no se cargan eventos nuevos; un evento terminado podía seguir hasta 7 días por la caché; un evento vigente podía quedar fuera por el tope de 12. (corregido: se consultan todos los eventos y se recorta después, y hay una limpieza diaria del home a las 00:05 (probada). Pendiente para ti: cargar los eventos de 2027)
• «Made with ♥» en tablets y el sello del mapa entre 700 y 767 px: El texto del pie se corría aunque en esos anchos no hay botón de volver arriba, y el sello no alcanzaba a cubrir la píldora grabada. (corregido: el pie solo se ajusta desde 1200 px y el sello mide 138×46 entre 480 y 767 px)
• Hoteles, transporte y categorías entre 600 y 1023 px: Encogidos a media celda por la regla de dos tarjetas por vista. (ya estaba corregido (v1.0.6) cuando él probó la v1.0.3)

Lo que no entró en la fase 1A propósito, para que tú decidas

Cómo se revierteEn minutos, si hace falta