Alistera : le bureau du futur, un site sans framework

Pour Alistera, j’ai créé un site public avec plans, photos et promenade virtuelle en HTML, CSS et JavaScript. Cette base simple permet de modifier le contenu sans build npm distinct ; les scènes interactives et le traitement des demandes remplissent leurs rôles par-dessus.

Pour Alistera, c’était un choix d’ingénierie raisonnable. Le site public alistera.info utilise HTML, CSS et JavaScript. Ni framework obligatoire, ni bundler, ni installation de dépendances pour corriger un paragraphe. Un Cloudflare Worker sert les ressources préparées et les actions serveur.

La vue « Alistera — premier écran » conserve les vrais contenus et le design du projet.

Alistera — premier écran

Interface archivée · données de démonstration

Une base simple n’exclut pas une expérience riche

La version anglaise est à la racine ; le russe et l’arabe ont leurs adresses. Le contenu présente l’espace et aide à prendre contact. L’arabe prévoit une direction de droite à gauche : la langue modifie le comportement de la mise en page, pas seulement les libellés.

Le site intègre une visite virtuelle externe Flatshow. Je l’ai intégrée à l’expérience globale ; le moteur Flatshow n’est pas ma création. D’autres scénarios visuels Alistera, dont la présentation cinématographique Teamday, ont leur propre structure. Il ne faut pas tout attribuer à une seule fenêtre intégrée parce que le visiteur voit tout sur le même écran.

Le contenu spectaculaire ne doit pas masquer le besoin de la personne. Elle veut comprendre l’espace : où travaillera l’équipe, quelle sensation il procure et avec qui discuter des conditions. La visite virtuelle est utile tant qu’elle rapproche de cette réponse.

Une demande a sa petite vie d’ingénierie

Le formulaire transmet les données à un traitement serveur. L’acheminement utilise Cloudflare Email ; les limites et la protection contre les doublons reposent sur un Durable Object adossé à SQLite.

Pourquoi ne pas garder le compteur dans la mémoire de la fonction ? Parce que des instances différentes peuvent traiter les requêtes. Deux demandes simultanées peuvent chacune se croire la première. Un stockage cohérent permet de vérifier la limite et de modifier l’état en une seule opération.

Pour le visiteur, c’est un seul bouton. Pour l’équipe, il porte une promesse : la demande ne doit ni se multiplier par accident, ni être considérée comme acceptée simplement parce que le navigateur termine une belle animation.

Le site public et les produits distincts

Pouvoir assembler l’expérience entière : structure du contenu, présentation visuelle, langues, intégrations et demande fonctionnelle. L’AI aide à préparer et vérifier plus vite l’implémentation. Elle participe aussi au choix d’une stack simple, même si les textes publicitaires sur l’AI vantent plus souvent le nombre de technologies ajoutées.

La vue « Alistera — section intérieure » conserve les vrais contenus et le design du projet.

Alistera — section intérieure

Interface archivée · données de démonstration

Le site public présente l’espace et mène au contact. Flatshow est intégré comme visite virtuelle externe ; le jeu et les outils opérationnels d’Alistera sont des projets autonomes. Mon résultat ici est le site, ses versions linguistiques et leurs intégrations.

Alistera — section contact

Interface archivée · données de démonstration

Articles liés : CRM opérationnel d’Alistera · Plateforme Alistera Game · Visuel du stand Alistera.