AIRELLUM

Airellum Studio / 002

M-Roots Art

Eine Portfolio- und Kollektionswebsite für M-Roots Art, mit kuratierten Stücken, Produktseiten, einer 3D-Ansicht ausgewählter Stücke in Echtzeit und Kursbuchung.

Kunde

M-Roots Art

Branche

Möbel und Kunst

Art

Onlineshop

Leistungen

Websites · Interaktiver Baustein

Live

m-roots.art

Eine Produktseite für den Sessel Dunas XL. Ein Foto eines blau gepolsterten Sessels mit Eichenbeinen neben einem Fenster füllt die linke Hälfte; Name, Preis, Bestand, Kategorie und Versandhinweise stehen rechts, mit einem Schalter «Photo / 3D view» über dem Bild.
Produktseite, Fotoansicht Airellum Studio · 002

Ausgangslage

M-Roots Art fertigt und verkauft Möbel und Kunst. Die Website zeigt die Kollektion wie eine Galerie, Stücke auf hellem Grund mit ihren Fakten daneben, und lässt Besucherinnen und Besucher ein Stück im Browser drehen, bevor sie sich entscheiden.

Die Produktseite zeigt standardmässig ein Foto und auf Wunsch eine 3D-Ansicht in Echtzeit, die erst geladen wird, wenn sie verlangt wird, damit die Seite für alle leicht bleibt, die nie umschalten. Der Kollektionsindex filtert nach Kategorie, Marke und Preis, ohne die Seite zu verlassen.

Ansichten

Drei Ansichten, im Browser aufgezeichnet

Ansichten

Der Einstiegsbildschirm, «Discover our world», mit vier ruhigen Einstiegen zur Kollektion, zu ausgewählten Stücken, Über uns und Kontakt.
Einstiegsbildschirm
Der Kollektionsindex. Ein Suchfeld und Filter nach Marke und Preis über einem vierspaltigen Raster von Stücken auf hellem Grund, darunter ein kannelierter Beistelltisch und der blaue Sessel.
Die Kollektion, nach Kategorie gefiltert
Dieselbe Produktseite in der 3D-Ansicht. Der blaue Sessel wird im Browser gerendert, so gedreht, dass Unterseite und Beine sichtbar sind.
3D-Ansicht, von Hand gedreht

Lieferung

Onlineshop

Lieferung

Rolle
Entwurf und Umsetzung der Website, der Kollektions- und Produktseiten und der 3D-Produktansicht im Browser.
Technologien
TypeScript · React · Node.js
Leistungen
WebsitesInteraktiver Baustein

Geliefert

  • Seiten für Einstieg, Kollektion, ausgewählte Stücke, Über uns und Kontakt
  • Kollektionsindex mit Suche, Kategorie-Reitern und Filtern nach Marke und Preis
  • Produktseiten mit Fotos und einer 3D-Ansicht im Browser
  • Kursbuchung

Gemessen

Lighthouse 13.5.0 · m-roots.art

Gemessen

Performance
57
Barrierefreiheit
96
Best Practices
100
SEO
83

LCP 6.1 s · 1'018 kB übertragen · 14 Anfragen

Gemessen am 19. Oktober 2026 · mobile Emulation, Live-Site

Lighthouse-Werte der Live-Site, vom Studio erhoben. Ein Wert bewegt sich mit dem Inhalt der Seite; das Datum sagt, wann er abgelesen wurde.

Rundgang

31 s · WebM

Rundgang

Einstieg, Kollektion und eine Produktseite mit der 3D-Ansicht, im Browser aufgezeichnet.Startet auf Klick

Als Nächstes

Violeta Insights

Die öffentliche Website einer Beratungspraxis für KI im Unternehmen. Eine Landingpage, zwei Angebote, ein kostenloses Arbeitsblatt zur Entscheidungsfindung und ein Themenblock aus vierzehn Artikeln, gebaut, um gefunden und gelesen zu werden.