WBF Wine Business Fashion

Un site de prestige en sept langues, pour un circuit d'événements d'affaires.

Accueil du site WBF : vidéo plein écran et titre doré « Onde o Luxo Autêntico Faz Negócios »
Pour
Fondateurs et startups, PME et opérations
Offre
Build
Client
WBF · Wine Business Fashion

Le site international d'un circuit d'événements d'affaires entre le Portugal, l'Angola, Macao et le Golfe : sept langues dont le chinois et l'arabe, des candidatures qualifiées plutôt que des billets.

Voir en ligne wbfexperiences.com

Connecté à WBF Connect

Accueil du site WBF sur téléphone
Horloges en direct des villes du circuit
Quatorze villes, l'heure de chacune en direct.
Galerie filtrable des éditions
Galerie de 127 éléments, huit filtres.
Page contact en chinois traditionnel avec les horloges des villes
Chinois traditionnel.
Carrousel 3D des photos des éditions
Archive visuelle : 45 photos tournent sur une ellipse, à la souris, au doigt ou au clavier.
Auto-évaluation « A sua marca está pronta para a WBF? » avec un score de 90 %
Cinq questions et un score avant de candidater.
Accueil en arabe, mise en page de droite à gauche
Arabe, de droite à gauche.

Problème

WBF réunit exportateurs, importateurs, investisseurs et institutions autour du vin, des affaires et de la mode, de Lisbonne à Luanda et Macao. Son public lit le portugais, l'anglais, le chinois ou l'arabe.

Le site devait inspirer la confiance d'une marque de luxe, être compris sur quatre continents et transformer les visites en candidatures qualifiées, sans billetterie : on n'achète pas sa place, on la demande.

Contexte

Utilisateurs
Marques et exportateurs, importateurs et distributeurs, investisseurs, sponsors, institutions et presse, au Portugal, en Angola, à Macao, dans le Golfe et dans les pays lusophones.
Processus existant
Un calendrier de douze éditions sur 2026 et 2027, des dîners de gala et des rencontres d'affaires sur candidature.
Contraintes
Sept langues dont le chinois simplifié et traditionnel et l'arabe de droite à gauche, beaucoup de vidéo et de photo mais un site rapide sur téléphone, consentement RGPD, référencement international.
Outils en place
  • Vidéos et photos des éditions
  • Calendrier 2026-2027
  • Partenaires et institutions

Solution

Un site éditorial noir et or, sur mesure, sans CMS ni framework : environ 95 Ko de JavaScript écrit à la main. La vidéo du héros se charge après la page, en 720p sur téléphone, avec des images de repli si elle échoue.

La langue est choisie avant le premier affichage, d'après le fuseau horaire puis la langue du navigateur, sans appel réseau. Le serveur traduit l'en-tête de chaque page, les textes se chargent à la demande, et les polices chinoises et arabes ne se téléchargent que si on en a besoin.

Chaque bouton « Réserver sa place » mène à une candidature qualifiée : format, secteur, édition, marchés visés et dossier joint.

Pourquoi cette approche. Pour un circuit sélectif, une billetterie aurait été le mauvais outil : la candidature filtre, informe l'équipe et donne au visiteur le sentiment d'entrer dans un cercle.

Architecture

Entrée

  • Choix de langue Avant le premier affichage : choix mémorisé, fuseau horaire puis langue du navigateur, sans appel réseau. Les robots reçoivent le portugais.
  • Candidature Formulaire qualifié avec dossier joint (cinq fichiers, 10 Mo), validation accessible et anti-spam. Si l'envoi échoue, un e-mail pré-rempli prend le relais.

Interface

  • Pages en 7 langues Quatorze pages par langue, en-tête traduit par le serveur, environ 1 240 clés de traduction chargées à la demande.

Automatisation

  • GSAP + Lenis Défilement fluide, parallaxe, textes révélés mot à mot, carrousel 3D, boutons magnétiques ; animations réduites sur demande.
  • API de contact Les candidatures arrivent à l'équipe WBF, pièces jointes comprises.

Données

  • Agenda des éditions Douze éditions : comptes à rebours à l'heure de chaque ville, invitations calendrier .ics, horloges en direct de quatorze villes.

Sortie

  • SEO et IA hreflang, sitemap multilingue de 102 adresses, données structurées (organisation, douze événements), llms.txt pour les assistants IA.
  • GA4 avec accord Mesure chargée seulement après accord (Consent Mode v2), candidature suivie comme événement clé.
Survolez ou touchez un bloc pour voir son rôle dans le système.

Fonctionnalités

  • Sept langues, dont le chinois et l'arabePortugais, anglais, français, espagnol, chinois simplifié et traditionnel, arabe de droite à gauche.
  • Langue choisie avant l'affichageFuseau horaire puis langue du navigateur, sans traceur ni appel réseau. Le choix du visiteur est mémorisé.
  • Une vidéo qui ne ralentit pasChargée après la page, en 720p sur téléphone, remplacée par des images si elle échoue, coupée en mode économie de données.
  • Carrousel 3D sur mesure45 photos sur une ellipse, à faire tourner à la souris, au doigt ou au clavier : un composant React réécrit sans framework.
  • Des événements, pas seulement des pagesComptes à rebours à l'heure locale de chaque ville, invitations calendrier, horloges du monde en direct.
  • Candidature qualifiéeFormat, secteur, édition, onze marchés cibles, dossier joint, et un repli par e-mail pour ne perdre aucune demande.
  • Auto-évaluationCinq questions et un score avant de candidater, calculés dans le navigateur : rien n'est envoyé.
  • Prêt pour Google et les IAhreflang, sitemap de 102 adresses, douze événements en données structurées, llms.txt.
  • RGPD appliquéBandeau et centre de préférences sur mesure. Google Analytics seulement après accord, cookies effacés en cas de refus.

Résultat

  • En ligne en sept langues, sur 102 adresses indexables.
  • Chaque visite peut finir en candidature qualifiée, avec un repli qui ne perd aucune demande.
  • Contenu principal affiché en 1,4 s, sans décalage de mise en page (mesure sur ordinateur, réseau non bridé).

Comment on le mesure

  • Candidatures par édition et par langue
  • Demandes de dossier de sponsoring
  • Visites par pays et par langue

Ce que j’ai fait

  1. Architecture du site et des langues
  2. Direction artistique et motion
  3. Développement front-end sur mesure
  4. Formulaires et API de candidature
  5. SEO international et données structurées
  6. Consentement et mesure
  7. Mise en ligne