WBF Wine Business Fashion, un sitio de prestigio en siete idiomas

01Problema

WBF reúne a exportadores, importadores, inversores e instituciones en torno al vino, los negocios y la moda, de Lisboa a Luanda y Macao. Su público lee en portugués, inglés, chino o árabe.

El sitio tenía que inspirar la confianza de una marca de lujo, entenderse en cuatro continentes y convertir las visitas en candidaturas cualificadas, sin venta de entradas: la plaza no se compra, se solicita.

02Contexto

Usuarios

Marcas y exportadores, importadores y distribuidores, inversores, patrocinadores, instituciones y prensa, en Portugal, Angola, Macao, el Golfo y los países lusófonos.

Proceso actual

Un calendario de doce ediciones en 2026 y 2027, cenas de gala y encuentros de negocios previa candidatura.

Restricciones

Siete idiomas, entre ellos el chino simplificado y tradicional y el árabe de derecha a izquierda, mucho vídeo y mucha foto pero un sitio rápido en el móvil, consentimiento RGPD, posicionamiento internacional en buscadores.

Herramientas actuales

• Vídeos y fotos de las ediciones
• Calendario 2026-2027
• Socios e instituciones

03Solución

Un sitio editorial negro y oro, a medida, sin CMS ni framework: unos 95 KB de JavaScript escritos a mano. El vídeo de portada se carga después de la página, en 720p en el móvil, con imágenes de respaldo si falla.

El idioma se elige antes de mostrar la página, según la zona horaria y después el idioma del navegador, sin ninguna llamada de red. El servidor traduce el encabezado de cada página, los textos se cargan bajo demanda y las fuentes chinas y árabes solo se descargan si hacen falta.

Cada botón «Reservar plaza» lleva a una candidatura cualificada: formato, sector, edición, mercados objetivo y dosier adjunto.

Por qué este enfoque. Para un circuito selectivo, la venta de entradas habría sido la herramienta equivocada: la candidatura filtra, informa al equipo y da al visitante la sensación de entrar en un círculo.

04Arquitectura

05Funcionalidades

• Siete idiomas, entre ellos el chino y el árabePortugués, inglés, francés, español, chino simplificado y tradicional, árabe de derecha a izquierda.
• Idioma elegido antes de mostrar la páginaZona horaria y después idioma del navegador, sin rastreador ni llamada de red. La elección del visitante se recuerda.
• Un vídeo que no ralentizaSe carga después de la página, en 720p en el móvil, se sustituye por imágenes si falla y se desactiva en el modo de ahorro de datos.
• Carrusel 3D a medida45 fotos sobre una elipse, que se hacen girar con el ratón, con el dedo o con el teclado: un componente React reescrito sin framework.
• Eventos, no solo páginasCuentas atrás a la hora local de cada ciudad, invitaciones de calendario, relojes del mundo en directo.
• Candidatura cualificadaFormato, sector, edición, once mercados objetivo, dosier adjunto y un respaldo por correo para no perder ninguna solicitud.
• AutoevaluaciónCinco preguntas y una puntuación antes de presentar la candidatura, calculadas en el navegador: no se envía nada.
• Listo para Google y las IAhreflang, sitemap de 102 URL, doce eventos en datos estructurados, llms.txt.
• RGPD aplicadoBanner y centro de preferencias a medida. Google Analytics solo tras el consentimiento, cookies borradas en caso de rechazo.

06Resultado

• En línea en siete idiomas, con 102 URL indexables.
• Cada visita puede terminar en una candidatura cualificada, con un respaldo que no pierde ninguna solicitud.
• Contenido principal mostrado en 1,4 s, sin saltos de maquetación (medido en ordenador, con la red sin limitar).

Cómo se mide

• Candidaturas por edición y por idioma
• Solicitudes del dosier de patrocinio
• Visitas por país y por idioma

07Lo que hice

1. Arquitectura del sitio y de los idiomas
2. Dirección artística y motion
3. Desarrollo frontend a medida
4. Formularios y API de candidatura
5. SEO internacional y datos estructurados
6. Consentimiento y medición
7. Publicación