Los hoteles del home, ya en vivo

El homeAntes y después, en producción

Capturas del sitio real. El «antes» es del 26 de septiembre; el «después», de hoy.

PC · 1512 px (tu Mac)

Antes

Hoy, en vivo

iPad vertical · 768 px

Antes

Hoy, en vivo

iPhone · 390 px

Antes

Hoy, en vivo

AcreLa única de las cuatro que cambió

Yo la había dejado como estaba. Los dos revisores visuales, por separado, la marcaron como la más floja: medio cuadro de cielo gris y la cabaña a contraluz. La cambié por la vista aérea de las casas en el palmar, que es lo que hace único a Acre. Mide 881 píxeles: la probé al tamaño real de la tarjeta, en PC y en celular, y se ve nítida. Además pesa menos de la mitad.

Antes

Hoy

La foto nueva sale en la tarjeta del home y en el explorador. La página de Acre, su tarjeta en /hotels/ y la de la página de San José siguen con la foto de antes: ahí va en horizontal, donde sí luce, y esos tres lugares toman la primera foto de la galería, que necesita más resolución que esta.

Las 3 fotos nuevasLo primero que se ve al abrir cada hotel

Estos tres no salen en el home (van del lugar 5 al 9), pero su foto principal sí cambió: es la de su tarjeta en todo el sitio y la primera de su página.

Esperanza, Auberge Collection

Antes abría con un cuarto de dos camas. Ahora, con su alberca infinita frente al mar.

PC · antes

PC · hoy

Celular · antes

Celular · hoy

Grand Velas Los Cabos

Antes abría con el lobby de coches, de noche, en una foto de 480 píxeles. Ahora, con el hotel, sus albercas y el mar al atardecer.

PC · antes

PC · hoy

Celular · antes

Celular · hoy

Casa Maat at JW Marriott

Antes abría con la alberca de noche en una foto baja y muy panorámica (479 píxeles de alto), sin mar a la vista. Ahora, con la alberca infinita al atardecer y el mar.

PC · antes

PC · hoy

Celular · antes

Celular · hoy

CelularLas tarjetas se leen mejor

Los nombres nuevos son largos. «Four Seasons Resort and Residences Los Cabos at Costa Palmas» ocupaba 6 renglones y partía «Four / Seasons». La causa: el texto guardaba 44 píxeles a la derecha en todos los renglones para el corazón, cuando solo hacen falta junto al corazón. Ahora ocupa 4 renglones en un iPhone y 5 en los celulares más angostos, y «Four Seasons» ya no se parte. Aplica igual a las tarjetas de transporte.

Celulares muy angostos · 320 px

Aquí el texto se cortaba por la derecha: el nombre, la descripción y «View details». Ya existía antes de hoy, pero los nombres largos lo hacían más visible. Ya no se corta nada.

Antes

Hoy

Medido en vivo en 26 anchos, de 320 a 1920 píxeles, en hoteles y transporte: ningún texto cortado y ninguno debajo del corazón. En PC, «Four Seasons Resort Cabo Del Sol» quedaba a 2 píxeles del corazón; ahora tiene aire. En tablet no cambió nada.

El pesoEl home quedó más ligero, no más pesado

Al medir encontré que el home descargaba también las fotos de las tarjetas ocultas: 8 de hoteles y 6 de transporte, a tamaño completo, que nadie llega a ver. Con las fotos nuevas eso habría sumado medio mega. Lo corregí en el cargador de fotos: las ocultas ya no se bajan.

Medido con Chromium, bloqueando Google Analytics; el revisor adversario lo midió por su cuenta y le dio lo mismo. Todas las tarjetas visibles conservan su foto, en todos los carruseles. Las fotos de hotel siguen cargando a tamaño completo en tarjetas chicas: eso es parte de la tarea de velocidad en celular, que espera tu «dale».

La revisiónTres rondas, revisores independientes

Cada revisor tomó sus propias capturas del sitio en vivo. El adversario tenía un solo encargo: demostrar que el cambio rompió algo.

Lo que corregí a raíz de la revisión

• Acre cambió de foto en su tarjeta: de la cabaña a contraluz a la vista aérea de las casas en el palmar.
• Corazón volvió a su foto y a su orden de galería de antes.
• Tarjetas de hotel y transporte en celular: el nombre de Four Seasons Costa Palmas baja de 6 renglones a 4 o 5 y «Four Seasons» ya no se parte, tampoco a 360 píxeles.
• Celulares de 320 a 345 píxeles: ya no se corta texto por la derecha, y desapareció el salto entre 345 y 346.
• PC: el título de Four Seasons Cabo del Sol pasó de 2.6 a 37 píxeles de aire junto al corazón.
• Caché: los ajustes posteriores se aplicaron refrescando solo las páginas tocadas, comprobando que las demás seguían en caché. La limpieza nocturna del home, que vaciaba todas las páginas cada noche, quedó corregida.

Lo que queda anotado

• La guía «Best hotels in Cabo» lleva escritas en su texto las fotos viejas de Esperanza y de Grand Velas (esta última de 480 píxeles). Cambiarlas es editar el contenido de la guía: lo hago si me dices que sí.
• Al compartir un hotel en redes sale su logo en vez de una foto. Ya pasaba antes de hoy; lo puedo corregir.
• Tablet (768 a 1100 píxeles): algunos títulos pasan a 2–4 píxeles del corazón, sin tocarlo. Ya pasaba antes de hoy; ahí no cambié nada porque el arreglo alargaba las tarjetas.
• iPad en vertical (768 a 950 píxeles): las tarjetas de hotel van en dos columnas y quedan apretadas. Ya pasaba antes de hoy.
• Las cabeceras de las fichas se ven algo suaves en celular, porque la plantilla usa la versión de 1024 píxeles de cada foto. Ya pasaba antes de hoy; entra en la tarea de velocidad y fotos.
• La página de vista previa del home (un borrador interno) sigue con los hoteles por fecha.

Lo que no se pudo comprobar

• iPhone y Safari reales: todas las pruebas son con Chromium emulando cada pantalla.

Cómo se deshaceRespaldo de todo lo tocado

• El home tal como estaba antes del cambio de orden.
• Los 12 hoteles: su lugar anterior en la fila (todos estaban en cero) y su portada anterior.
• Las galerías en su orden anterior.
• El cargador de fotos y los estilos del home anteriores.

Ninguna dirección del sitio cambió, no se borró ninguna foto y la fecha de modificación de los hoteles quedó igual. La página /hotels/ conserva su orden alfabético.

Si quieres mover algo, dímelo con una frase: «pon a Esperanza en el 4», «Acre como estaba», «quita a Hyatt Ziva».