Étude de cas · Bar-restaurant · station de ski · cartes, événements & cinq langues
Bar-restaurant d'altitude : un site à l'image du lieu, en cinq langues, que l'équipe pilote seule.
Au pied des pistes de Bolquère Pyrénées 2000, Le Viking sert de 9 h à 2 h : restaurant de viandes affinées, brasserie, après-ski et soirées DJ. Son site WordPress ne montrait rien de cette énergie. Nous l'avons refait de zéro : une identité tirée du logo, une carte de 201 produits, l'agenda des événements, cinq langues et un back-office sur mesure.
Le contexte
Un lieu qui vit de 9 h à 2 h, un site qui ne bougeait pas.
Le Viking, c'est quatre ambiances sous un même toit : le restaurant et sa cave de maturation, la brasserie ouverte toute la journée, le bar de l'après-ski et les soirées DJ. Son site WordPress, construit avec Elementor, alignait des pages statiques dans une charte noir et cuivre qui aurait pu être celle de n'importe quel établissement.
Le vrai Viking était ailleurs : sur les affiches de ses soirées, dans les vidéos de ses après-skis, et dans un logo dont le soleil rose n'apparaissait nulle part sur le site. Il fallait repartir de là, et donner à l'équipe un outil qu'elle tienne à jour elle-même, en pleine saison, sans attendre personne.
- Une charte générique, sans lien avec le logo ni avec les affiches du lieu
- Une carte de 201 produits pénible à corriger dans un constructeur de pages
- Aucun moyen simple d'annoncer une soirée ou une ouverture de saison
- Un site en français seulement, pour une clientèle de station venue de toute l'Europe
01
Tout part du logo.
Le soleil du logo est rose : c'est devenu la couleur du site, relevée sur le fichier d'origine. Elle porte les boutons, les dates et les surtitres sur un noir légèrement prune ; sur fond clair, trop pâle pour être lue, elle cède la place à sa version foncée. Les titres sont en grandes capitales étroites, comme une affiche de station. À l'arrivée, le logo se monte sous les yeux du visiteur : la montagne sort, le soleil se lève derrière la crête, les étoiles s'allument, puis le rideau se lève sur le site.
- Logo redessiné en calques pour être animé, soleil compris
- Animation d'arrivée de moins de trois secondes, une fois par visite
- Rien ne bouge pour qui a demandé à réduire les animations
- La même charte jusque dans le back-office et les e-mails du site
02
Du jour à la nuit, comme le lieu.
Le site suit la journée du Viking. Les cartes, les infos pratiques et l'accès se lisent sur un papier clair à fort contraste : on consulte un prix dehors, au soleil, les gants à la main. Les événements et l'après-ski passent sur le noir. Les sections alternent d'elles-mêmes, papier, noir, papier, prune, et l'accueil joue en boucle des extraits vidéo du lieu.
- Quatre ambiances présentées d'emblée : restaurant, brasserie, bar, soirées
- Vidéos muettes dans l'accueil, coupées pour qui économise ses données
- Fonds alternés automatiquement, quel que soit l'ordre choisi par l'équipe
- Sur mobile, une barre d'actions à portée de pouce : carte, appel, itinéraire
03
Une carte de 201 produits, lisible d'un coup d'œil.
Deux cartes, celle du restaurant et celle de la brasserie, trente rubriques, 201 produits. Chaque plat tient sur une ligne : le nom en gras, le prix aligné à droite, la description en dessous. Une barre de rubriques reste visible pendant le défilement et saute à la bonne section. Allergènes, produits épuisés, prix au kilo ou aux cent grammes pour les viandes affinées : tout est prévu, et tout se corrige depuis un téléphone.
- Navigation par rubriques qui suit le défilement
- Produit marqué « Indisponible » en un geste, sans le retirer de la carte
- Prix modifiables en série, avec l'historique de chaque changement
- Données structurées de menu pour Google
04
Les soirées s'annoncent toutes seules.
Un événement se crée en deux minutes : un titre, une date, une affiche ou une vidéo. Il apparaît aussitôt dans l'agenda, sur sa propre page et dans le bloc « À l'affiche » de l'accueil, qui montre toujours les deux prochains. Une fois passé, il glisse de lui-même dans les archives. Un bandeau en haut du site porte l'annonce du moment, ici l'ouverture de la saison.
- Affiche ou vidéo en boucle sur la page de l'événement
- Les deux prochains événements mis en avant dès l'accueil
- Archives automatiques, données structurées d'événement pour Google
- Bouton de réservation relié au formulaire de contact
05
Cinq langues, celle du visiteur d'abord.
Une station de ski reçoit l'Espagne, les Pays-Bas, l'Allemagne, le Royaume-Uni. Le site existe en français, espagnol, anglais, allemand et néerlandais : interface, pages, cartes, événements, formulaire, soit 527 textes par langue. À l'arrivée, il s'ouvre dans la langue de l'appareil ; un choix fait à la main est retenu. Chaque page déclare ses équivalents aux moteurs de recherche, qui indexent les cinq versions.
- Ouverture dans la langue du téléphone, français par défaut
- Noms de marques, de vins et d'artistes laissés tels quels
- Dates, heures et horaires écrits à la manière de chaque langue
- Plan du site de 105 adresses, une par page et par langue
Sous le capot
Un back-office à la charte du lieu, que l'équipe tient seule.
Tout se gère depuis /mydycast, sur ordinateur comme sur téléphone, dans la même charte que le site : cartes et prix, événements, pages, photos, horaires, annonces. Une modification enregistrée est en ligne dans la seconde.
Des comptes sûrs, sans mot de passe à transmettre
Un nouveau membre de l'équipe reçoit une invitation par e-mail et choisit lui-même son mot de passe. À chaque connexion, un code de vérification est envoyé à son adresse. Rôles et droits par personne, journal de chaque modification.
Une audience mesurée sans cookie
Visites, pages lues, clics sur le téléphone, l'itinéraire et les cartes : le site compte lui-même, sans cookie ni service tiers, sans conserver d'adresse IP. La fréquentation de l'ancien site a été reprise pour ne pas repartir de zéro.
Des formulaires défendus
Contact, connexion, mot de passe oublié : chaque formulaire public passe le défi Cloudflare Turnstile, en plus des limites de tentatives. La carte Google Maps ne se charge qu'après accord, par le même bandeau de cookies que le reste de nos sites.
La traduction dans le flux
Le back-office sait faire traduire par une IA chaque texte nouveau ou modifié, dans les quatre autres langues, juste après l'enregistrement. Une traduction corrigée à la main n'est jamais écrasée.
Base SQLite sauvegardée toutes les cinq minutes et chaque nuit sur un second serveur. Hébergé en France sur l'infrastructure DYCAST, derrière Cloudflare.
Sur mobile
Pensé pour un téléphone, dehors, au pied des pistes.
La plupart des visiteurs arrivent depuis la station, sur un téléphone. Appeler, trouver la carte ou lancer l'itinéraire doit prendre un geste.
- 5
- langues, ouvertes selon l'appareil
- 201
- produits sur deux cartes
- 527
- textes traduits par langue
- 0
- cookie de mesure d'audience
Ce que ça change
- Le site ressemble enfin au lieu : son logo, sa couleur, ses vidéos, ses affiches
- L'équipe corrige un prix ou annonce une soirée depuis un téléphone, sans passer par nous
- Un visiteur espagnol, néerlandais ou allemand lit la carte dans sa langue dès l'arrivée
- Les événements à venir sont visibles dès le haut de l'accueil
- Plus aucune extension WordPress à mettre à jour ni à surveiller
Fiche technique
- Plateforme
- Next.js 16 et React 19 sur mesure, base SQLite ; pages statiques régénérées à chaque modification
- Langues
- Français, espagnol, anglais, allemand, néerlandais ; détection de la langue de l'appareil, hreflang
- Back-office
- /mydycast : cartes, événements, pages, médias, messages, statistiques, comptes et rôles
- Sécurité
- Invitation par e-mail, code de vérification à chaque connexion, Cloudflare Turnstile sur les formulaires
- Vie privée
- Mesure d'audience sans cookie ni IP conservée ; carte Google Maps après accord
- SEO
- JSON-LD restaurant, menu et événement ; plan du site de 105 adresses avec équivalents de langue
- Hébergement
- Infrastructure DYCAST, France, protection Cloudflare
Les savoir-faire mobilisés
Six univers, un seul projet.
Votre site ressemble-t-il à votre établissement ?
Restaurants, bars, lieux de sortie, commerces de station : en 30 minutes, nous regardons ce que votre site pourrait dire de vous, dans la langue de vos clients, et ce que votre équipe pourrait y faire seule.
Ou, plus direct :
Appeler le 04 48 07 27 95E-mail :hello@dycast.fr