Maryori Borja

El problema

Elena Maryori Borja lleva desde 2009 en cosmetología, tiene sede propia en Medellín y una especialidad fuerte — acompañamiento postquirúrgico — respaldada por 144 horas de formación específica. Toda esa trayectoria vivía en un WhatsApp y un Instagram. El encargo no era hacer una web bonita, sino construir la prueba: que quien busque una cosmetóloga en Medellín encuentre la formación verificable, la sede real, los tratamientos concretos y a pacientes contándolo en cámara, antes de escribir por WhatsApp.

Decisiones clave

• 01La clienta entregó 31 fotos y 6 vídeos grabados con el móvil — un solo testimonio pesaba 49,9 MB. Cada pieza se trató según lo que necesitaba y el conjunto bajó de 90 MB a 17 MB: el testimonio a 4,2 MB, el recorrido por la sede a 1,19 MB, y las portadas se entregan en AVIF del tamaño exacto que pide cada pantalla.
• 02La clienta pidió GIFs para los clips sin sonido. Un GIF de quince segundos habría pesado entre 40 y 80 MB, más que el vídeo original, así que se resolvió con vídeo silenciado en bucle. Además ningún clip lleva origen asignado hasta que el visitante llega a él: cero peticiones de vídeo al cargar la página.
• 03Las apariciones al desplazar ocultan contenido, lo que deja la página en blanco si el script falla. Se condicionaron con @media (scripting: enabled), con red de seguridad por tiempo y respeto a «reducir movimiento», así que la web se lee sin JavaScript.
• 04El fondo de la barra superior cambiaba de golpe al cruzar un umbral. Pasó a materializarse en proporción al desplazamiento, actualizado una vez por fotograma y sin volver a renderizar el componente.
• 05El maquetado de las galerías en columnas dejaba los pies desiguales. Se rehízo con rejilla y huecos asignados: las piezas apaisadas ocupan dos celdas y el bloque cierra en rectángulo exacto en cualquier ancho.