AIRELLUM
AIRELLUM

Airellum Studio / 002

M-Roots Art

A portfolio and collection site for M-Roots Art, with curated pieces, product pages, a realtime 3D view of selected pieces and class booking.

Client

M-Roots Art

Sector

Furniture and art

Kind

Storefront

Services

Websites · Interactive piece

Live

m-roots.art

A product page for the Dunas XL armchair. A photograph of a blue upholstered chair with oak legs beside a window fills the left half; the name, price, stock, category and shipping notes are typeset on the right, with a "Photo / 3D view" switch above the image.
Product page, photograph view Airellum Studio · 002

Brief

M-Roots Art makes and sells furniture and art. The site presents the collection the way a gallery would, pieces on pale ground with their facts typeset beside them, and lets a visitor turn a piece around in the browser before deciding.

The product page carries a photograph by default and a realtime 3D view on request, loaded only when it is asked for, so the page stays light for the visitors who never switch. The collection index filters by category, brand and price without leaving the page.

Screens

Three views, recorded in the browser

Screens

The landing screen, "Discover our world", with four quiet entry points to the collection, featured pieces, about and contact.
Landing screen
The collection index. A search field and brand and price filters above a four-column grid of pieces on pale backgrounds, a fluted side table and the blue armchair among them.
The collection, filtered by category
The same product page switched to 3D view. The blue armchair is rendered in the browser, turned so its underside and legs are visible.
3D view, turned by hand

Delivered

Storefront

Delivered

Role
Design and build of the site, the collection and product pages, and the browser-based 3D product viewer.
Stack
TypeScript · React · Node.js
Services
WebsitesInteractive piece

Shipped

  • Landing, collection, featured, about and contact routes
  • Collection index with search, category tabs and brand and price filters
  • Product pages with photographs and an in-browser 3D view
  • Class booking

Measured

Lighthouse 13.5.0 · m-roots.art

Measured

Performance
57
Accessibility
96
Best practices
100
SEO
83

LCP 6.1 s · 1,018 kB transferred · 14 requests

Measured on 19 October 2026 · mobile emulation, live site

Lighthouse scores of the live site, taken by the studio. A score moves with the page’s content; the date says when it was read.

Walkthrough

31 s · WebM

Walkthrough

Landing, collection and a product page with the 3D viewer, recorded in the browser.Plays on request

Next

Violeta Insights

The public site for an enterprise AI advisory practice. A landing page, two offers, a free decision worksheet and a fourteen-article editorial cluster, built to be found and read.

Start a project All work