Grupo Tecno

El reto

Un taller con esa trayectoria se vende mostrando trabajo hecho, no describiéndolo. Por eso la portada tenía que abrir con video y el sitio tenía que apoyarse en fotos reales de los proyectos.

El problema es que ese tipo de contenido suele volver los sitios lentos, y en Costa Rica la mayoría de las visitas llegan desde el celular. Un sitio pesado se abandona antes de cargar, y lo que debía impresionar termina espantando.

El segundo objetivo era comercial: que el taller aparezca en Google cuando alguien busca lo que hace. Con once especialidades distintas, cada una tenía que quedar clara para el visitante y legible para el buscador.

La solución

La portada abre con video, pero la página no espera a que el video esté listo para mostrarse. Lo primero que aparece es una imagen del propio video, y el relevo ocurre cuando el video ya está en movimiento, sin saltos ni pantallas en blanco.

El video arranca sin sonido, como exige cualquier navegador, con un botón visible para activarlo. Ese botón aparece anunciado y después se reduce a un icono, porque si pasa desapercibido nadie escucha el audio nunca.

Cada especialidad tiene su bloque con fotos reales del taller, y las galerías se abren en un visor a pantalla completa. El sitio entero funciona en español e inglés, con el contenido traducido, no con traducción automática.

Velocidad y experiencia

Las fotos se sirven en el tamaño que corresponde a cada pantalla: un celular no descarga la versión pensada para un monitor grande. Eso reduce lo que el visitante baja sin que se note diferencia en pantalla.

El contenido tampoco se mueve mientras carga. Ese detalle es de los que más molestan sin que uno sepa nombrarlo: entrar a una página, empezar a leer y que el texto salte solo. Acá el diseño queda quieto desde el primer instante.

Y si el visitante tiene activada la preferencia del sistema para reducir animaciones, el video ni siquiera se descarga. La página se adapta a cómo esa persona quiere navegar.

Visibilidad en Google

El sitio se entrega a Google en español, que es el idioma de su único mercado. Suena obvio, pero es un detalle que se escapa seguido y termina con un taller de Zapote indexado con títulos en inglés.

Cada especialidad y cada publicación quedan descritas en un formato que el buscador entiende como información estructurada, no como texto suelto. Eso es lo que permite que Google muestre el negocio con datos correctos: qué hace, dónde está y a quién atiende.

Las direcciones equivocadas responden como error de verdad, así que el buscador no indexa páginas que no existen. Y el sitio quedó conectado a la ficha del negocio en Google Maps, que es lo que une las dos presencias como una sola.

Accesible y seguro

El sitio se puede recorrer completo con teclado, incluidas las galerías y el visor de fotos. Cada imagen tiene su descripción para quien navega con lector de pantalla.

Del lado de seguridad, va con las protecciones que corresponden a un sitio corporativo, y sin rastreadores de terceros: la analítica es propia y no deja cookies ajenas en el navegador del visitante.

Lo que más importó

La decisión que definió el proyecto fue no elegir entre impacto visual y velocidad. Es la disyuntiva en la que caen la mayoría de los sitios con video: o se ven bien y cargan lento, o cargan rápido y se ven genéricos. Resolver que la portada abriera con video sin castigar la carga en celular fue el trabajo real, y es lo que sostiene todo lo demás.