Pacífico Azul

La necesidad

El reto: transmitir exclusividad

En la aviación privada se compra tiempo, discreción y confianza. La página tenía que sentirse a la altura de ese servicio antes de mostrar una sola tarifa, y además ordenar una oferta amplia: renta y venta de aviones, aeroambulancias, asesoría, partes y refacciones, la flota disponible y la alianza con un fabricante.

La solución

La idea: que el recorrido también formara parte del viaje

La página se recorre como un vuelo. Abre dentro del hangar, que se abre con el scroll; más adelante, un mapa traza la ruta de Los Ángeles a la Ciudad de México conforme bajas, con el avión girando en cada curva. Al final, el pie muestra la hora en cuatro ciudades del mundo, en tiempo real.

El alcance

Qué se construyó

Nueve bloques en una sola página, escrita a mano: sin plantilla, sin constructor visual y sin plugins. Dos de ellos se manejan con el scroll, y cada uno tiene su propio motor.

• Apertura — el hangar que se abre: 241 imágenes sobre un lienzo; el scroll elige qué cuadro se pinta. Encima corren seis capas de interfaz, cada una con su propio tramo de entrada y salida.
• Mapa de vuelo: la ruta se dibuja punto por punto (400 muestras del trayecto), el avión apunta siempre hacia donde vuela, las ciudades se encienden al pasar y un indicador muestra el porcentaje del vuelo LAX → MEX.
• Experiencia a bordo: cinco puntos interactivos sobre la fotografía de la cabina, cada uno con su ficha.
• Flota: carrusel de ocho aeronaves con arrastre por dedo o mouse.
• Comparativa: cuatro categorías de avión, con nubes que cruzan a distintas velocidades.
• Alianza y aliados: bloque de distribuidor oficial y cuadrícula de logos que recuperan su color al pasar encima.
• Pie vivo: globo terráqueo con rutas y aviones en movimiento, y cuatro relojes reales —Puerto Vallarta, Los Ángeles, Madrid y Tokio—.

En teléfono

Lo que no se ve

• Imágenes aparte para teléfono: la secuencia del hangar pesa 2 MB en vez de 12.8 MB; el teléfono descarga una sexta parte sin perder la animación.
• Carga progresiva con barra de avance: nadie espera frente a una pantalla en blanco.
• Composición por orientación: el encuadre del mapa cambia entre vertical y horizontal para que la ruta siempre quede bien compuesta.
• iOS y Android por separado, y reducir movimiento respetado.

Resultados

Lo que falta contar

Es una propuesta pendiente de aprobación: todavía no está en operación, así que no hay resultados que mostrar. Si se publica, aquí irán los datos verificables y la opinión del cliente. Hasta entonces, lo que se puede comprobar es el trabajo: la propuesta se recorre completa, en teléfono o en computadora.