Dunes Casino
Un client en Égypte, une image de menu pour tout brief : devenue un menu web 4 langues en production, puis le site officiel du casino
Essaie-le
Le menu réel, en production. Change de langue en haut pour voir l'arabe basculer.
Démarrage de l’app…
Le contexte
Un casino de Sharm el-Sheikh me contacte directement pour refaire sa carte. Le brief tient en un fichier : une image de menu, figée, où tout est dessiné d'un bloc, plus deux tableurs de traductions. Sur place, la clientèle est anglophone, arabophone, russophone et italophone, et personne ne lit la même carte. Le problème n'était donc pas de faire un joli menu, il était de transformer une image morte en quelque chose qui s'ouvre au téléphone, se lit dans quatre langues et se met à jour sans me rappeler.
Mon approche
J'ai gardé la direction artistique du client, sombre et dorée, et j'ai reconstruit le menu en web : mobile-first, ouvert au QR code posé sur les tables, sans application à installer. Onze sections, quatre langues dont l'arabe qui impose de retourner toute la mise en page de droite à gauche. Les prix et les libellés ne sont pas recopiés à la main : un script relit les tableurs du client et régénère les données du site, donc une correction de sa part se répercute sans que je réécrive du HTML. Le tout tient en quelques dizaines de kilo-octets, sans framework, parce qu'un menu doit s'afficher instantanément sur un téléphone en 3G au bord de la mer Rouge.
Ce que j'en retire
Le menu est en production et sert dans l'établissement, avec ses QR codes imprimés. Le client est revenu pour le gros morceau : le site officiel du casino, multilingue lui aussi, avec un back-office pour qu'il gère son contenu seul. Ce projet est celui qui m'a appris le travail avec un client à l'étranger, en anglais, qui ne connaît rien au développement : il ne faut jamais lui parler de technique, seulement de ce qu'il va pouvoir faire lui-même.
Les écrans
À quoi ça ressemble
Sous le capot
Comment c'est construit
Zéro framework, par exigence
Le menu s'ouvre au QR code sur le téléphone d'un client attablé, parfois en 3G. Tout le site tient en quelques dizaines de kilo-octets de HTML, CSS et JavaScript : rien à télécharger, affichage immédiat.
Le contenu vient des fichiers du client
Un script relit ses tableurs de traductions et régénère les données du site. Une correction de prix de sa part ne me demande pas de réécrire du HTML, et le contenu ne peut pas diverger de sa source.
L'arabe change toute la mise en page
Ce n'est pas qu'une traduction : la lecture part de la droite, donc la structure entière bascule. Le sens de lecture est traité comme une variable du gabarit, pas comme une feuille de style de rattrapage.
Un back-office pour l'autonomie
Le site du casino, en cours, donne au client la main sur ses actualités et ses visuels. Ce qu'il achète n'est pas une page, c'est de ne plus avoir à me rappeler pour changer une photo.
Menu
Site
Mise en ligne