AIRELLUM

Airellum Studio / 002

M-Roots Art

Un site de portfolio et de collection pour M-Roots Art, avec des pièces choisies, des pages produit, une vue 3D en temps réel de certaines pièces et la réservation de cours.

Client

M-Roots Art

Secteur

Mobilier et art

Type

Boutique

Services

Sites web · Élément interactif

En ligne

m-roots.art

Une page produit pour le fauteuil Dunas XL. Une photo d’un fauteuil tapissé de bleu aux pieds en chêne, près d’une fenêtre, remplit la moitié gauche ; le nom, le prix, le stock, la catégorie et les mentions de livraison sont composés à droite, avec un sélecteur « Photo / 3D view » au-dessus de l’image.
Page produit, vue photo Airellum Studio · 002

Contexte

M-Roots Art fabrique et vend du mobilier et de l’art. Le site présente la collection comme le ferait une galerie, des pièces sur fond clair avec leurs caractéristiques composées à côté, et laisse le visiteur tourner une pièce dans le navigateur avant de se décider.

La page produit montre une photographie par défaut et une vue 3D en temps réel à la demande, chargée seulement quand on la demande, pour que la page reste légère pour les visiteurs qui ne basculent jamais. L’index de la collection filtre par catégorie, marque et prix sans quitter la page.

Écrans

Trois vues, enregistrées dans le navigateur

Écrans

L’écran d’accueil, « Discover our world », avec quatre entrées discrètes vers la collection, les pièces en vedette, la présentation et le contact.
Écran d’accueil
L’index de la collection. Un champ de recherche et des filtres par marque et par prix au-dessus d’une grille de pièces sur quatre colonnes et fond clair, dont une table d’appoint cannelée et le fauteuil bleu.
La collection, filtrée par catégorie
La même page produit passée en vue 3D. Le fauteuil bleu est rendu dans le navigateur, tourné pour montrer son dessous et ses pieds.
Vue 3D, tournée à la main

Livraison

Boutique

Livraison

Rôle
Conception et réalisation du site, des pages de collection et de produit, et de la visionneuse 3D de produit dans le navigateur.
Technologies
TypeScript · React · Node.js
Services
Sites webÉlément interactif

Livré

  • Pages accueil, collection, pièces en vedette, présentation et contact
  • Index de la collection avec recherche, onglets de catégorie et filtres par marque et par prix
  • Pages produit avec photographies et vue 3D dans le navigateur
  • Réservation de cours

Mesuré

Lighthouse 13.5.0 · m-roots.art

Mesuré

Performance
57
Accessibilité
96
Bonnes pratiques
100
SEO
83

LCP 6,1 s · 1'018 ko transférés · 14 requêtes

Mesuré le 19 octobre 2026 · émulation mobile, site en ligne

Scores Lighthouse du site en ligne, relevés par le studio. Un score bouge avec le contenu de la page ; la date dit quand il a été lu.

Parcours

31 s · WebM

Parcours

Accueil, collection et une page produit avec la visionneuse 3D, enregistrés dans le navigateur.Lecture au clic

Suivant

Violeta Insights

Le site public d’un cabinet de conseil en IA d’entreprise. Une page d’atterrissage, deux offres, une fiche de décision gratuite et un ensemble éditorial de quatorze articles, construits pour être trouvés et lus.