Cas clients
Affichage holographique · VitrinesLivré · 2025

Borne3D.

Les interfaces tactiles qui prennent vie sous l'hologramme

Les vitrines qui tournent à l'intérieur de bornes d'affichage holographique 3D : une boutique d'optique et un menu de restaurant, sur une base visuelle commune.

borne3d.app/dashboard
Borne3D
Contexte

Le client conçoit et fabrique ses propres bornes d'affichage holographique 3D, des dispositifs qui projettent un hologramme au-dessus d'un écran. Ce qu'on construit, nous, c'est le contenu affiché à l'intérieur : les vitrines et interfaces qui s'affichent sous l'hologramme. L'objectif : donner un contenu réel, élégant et interactif à des bornes qui, sans ça, ne sont que du matériel.

Mon rôle · Frontend & UI
Le problème

Une borne holographique ne vaut que par ce qu'elle affiche : sans interface soignée, le dispositif reste une coquille technique. Il fallait des interfaces pensées pour le tactile et pour la projection (plein écran, ambiance sombre, animations légères), déclinables sur plusieurs verticales sans repartir de zéro à chaque produit.

Mon approche
01

Une vitrine boutique tactile

Une SPA Vite + React pour une borne lunetterie : écran d'accueil attracteur (« Touchez pour découvrir »), galerie de collections, navigation par marques, grille de produits filtrable et favoris. Une vraie vitrine de marque, pas une page web posée sur un écran.

02

Un parcours pensé pour la borne

Navigation au doigt, plein écran, micro-animations (halos, particules) : l'écran d'accueil joue l'attracteur visuel sous l'hologramme avant de basculer dans le catalogue.

03

Un second dispositif sur la même logique

Un menu de restaurant autonome (Next.js) : sections structurées, photos, prix, badges, sur un fond sombre qui rend mieux sous projection holographique.

04

Un design system partagé

Une base shadcn/ui et des tokens de couleurs réutilisés d'un dispositif à l'autre, pour décliner le prochain produit sans repartir de zéro et garder une cohérence d'ensemble.

Stack technique
ViteReact 18Tailwind CSSshadcn/uiTanStack QueryNext.js 15
Médias
Résultats

Ce que ça a concrètement changé.

01

Deux bornes habillées

Une borne optique et une borne restauration, prêtes à tourner sous hologramme avec un vrai contenu interactif.

02

Pensé pour la projection

Plein écran, fond sombre, accroches tactiles : des interfaces qui rendent sous l'hologramme, pas des pages web classiques.

03

Une base réutilisable

Un design system partagé pour habiller le prochain dispositif vite, sans dupliquer le travail.

Un projet similaire ?Discutons-en autour d’un appel.
M’écrire