WBF Wine Business Fashion, um site de prestígio em sete línguas

01Problema

A WBF reúne exportadores, importadores, investidores e instituições em torno do vinho, dos negócios e da moda, de Lisboa a Luanda e Macau. O seu público lê português, inglês, chinês ou árabe.

O site tinha de inspirar a confiança de uma marca de luxo, ser compreendido em quatro continentes e transformar as visitas em candidaturas qualificadas, sem bilheteira: o lugar não se compra, pede-se.

02Contexto

Utilizadores

Marcas e exportadores, importadores e distribuidores, investidores, patrocinadores, instituições e imprensa, em Portugal, em Angola, em Macau, no Golfo e nos países lusófonos.

Processo atual

Um calendário de doze edições em 2026 e 2027, jantares de gala e encontros de negócios mediante candidatura.

Restrições

Sete línguas, incluindo o chinês simplificado e tradicional e o árabe da direita para a esquerda, muito vídeo e fotografia mas um site rápido no telemóvel, consentimento RGPD, SEO internacional.

Ferramentas em uso

• Vídeos e fotografias das edições
• Calendário 2026-2027
• Parceiros e instituições

03Solução

Um site editorial preto e dourado, à medida, sem CMS nem framework: cerca de 95 KB de JavaScript escrito à mão. O vídeo de abertura carrega depois da página, em 720p no telemóvel, com imagens de substituição se falhar.

A língua é escolhida antes de a página aparecer, a partir do fuso horário e depois da língua do navegador, sem chamada de rede. O servidor traduz o cabeçalho de cada página, os textos carregam a pedido, e as fontes chinesas e árabes só são descarregadas se forem necessárias.

Cada botão «Reservar lugar» leva a uma candidatura qualificada: formato, setor, edição, mercados visados e dossiê em anexo.

Porquê esta abordagem. Para um circuito seletivo, uma bilheteira teria sido a ferramenta errada: a candidatura filtra, informa a equipa e dá ao visitante a sensação de entrar num círculo.

04Arquitetura

05Funcionalidades

• Sete línguas, incluindo o chinês e o árabePortuguês, inglês, francês, espanhol, chinês simplificado e tradicional, árabe da direita para a esquerda.
• Língua escolhida antes de a página aparecerFuso horário e depois língua do navegador, sem rastreador nem chamada de rede. A escolha do visitante fica memorizada.
• Um vídeo que não abranda o siteCarregado depois da página, em 720p no telemóvel, substituído por imagens se falhar, desligado no modo de poupança de dados.
• Carrossel 3D à medida45 fotografias numa elipse, para rodar com o rato, com o dedo ou com o teclado: um componente React reescrito sem framework.
• Eventos, não apenas páginasContagens decrescentes à hora local de cada cidade, convites de calendário, relógios do mundo em direto.
• Candidatura qualificadaFormato, setor, edição, onze mercados-alvo, dossiê em anexo, e uma alternativa por e-mail para não perder nenhum pedido.
• AutoavaliaçãoCinco perguntas e uma pontuação antes de se candidatar, calculadas no navegador: nada é enviado.
• Preparado para o Google e para as IAhreflang, sitemap de 102 endereços, doze eventos em dados estruturados, llms.txt.
• RGPD aplicadoBanner e centro de preferências à medida. Google Analytics apenas depois do consentimento, cookies apagados em caso de recusa.

06Resultado

• Online em sete línguas, em 102 endereços indexáveis.
• Cada visita pode terminar numa candidatura qualificada, com uma alternativa que não perde nenhum pedido.
• Conteúdo principal apresentado em 1,4 s, sem deslocamento do layout (medição em computador, rede sem limitação).

Como se mede

• Candidaturas por edição e por língua
• Pedidos de dossiê de patrocínio
• Visitas por país e por língua

07O que fiz

1. Arquitetura do site e das línguas
2. Direção artística e motion
3. Desenvolvimento front-end à medida
4. Formulários e API de candidatura
5. SEO internacional e dados estruturados
6. Consentimento e medição
7. Publicação online