AIRELLUM

Airellum Studio / 007

Amalia Roots

Die Website einer Polsterwerkstatt in Comillas. Zwei eigene Stücke, in 3D in Echtzeit konfigurierbar, Massanfertigung und Restaurierung, und eine Offertanfrage, welche die Konfiguration mitbringt.

Kunde

Amalia Roots

Branche

Polsterei

Art

Website

Leistungen

Websites · Interaktiver Baustein

Live

amaliaroots.studio

Die Startseite von Amalia Roots auf Englisch. Eine Illustration füllt die Fläche, eine Frau von hinten, die auf einem blau-weiss gepolsterten Fusshocker auf einer Wiese über dem Meer sitzt, zwischen Wildblumen und Hortensien; darunter die Überschrift «Fabric, wood and time. Upholstery made by hand for the home.» und die Zeile «Workshop in Comillas, Cantabria. Visits by appointment.»
Startseite, das Titelbild als Standbild Airellum Studio · 007

Ausgangslage

Amalia Roots ist die Polsterwerkstatt von Laura Lopez-Real, die das Studio führt, in Comillas, Kantabrien: zwei eigene Stücke, ein Fusshocker und ein Kopfteil, Massanfertigungen und Restaurierung. Die Website musste Stücke verkaufen, von denen es noch keine Fotos gab. Deshalb ist jedes ein Design-Rendering, als solches gekennzeichnet, und ein 3D-Modell in Echtzeit, das man selbst konfiguriert: Beine, Stoff und Paspel beim Fusshocker; fünf Formen und sechs Breiten beim Kopfteil, jede Breite als eigenes Modell gebaut, damit die Rundungen ihre Grösse behalten, statt sich zu dehnen.

Der Preis folgt der Konfiguration, und die Offertanfrage bringt sie mit, sodass die Werkstatt zu genau dem Stück antwortet, das gewählt wurde. Es ist die erste Website auf dem Kit des Studios, auf Spanisch mit Englisch unter /en, und ihr Konfigurator ist der interaktive Baustein, den das Studio innerhalb eines Website-Projekts anbietet.

Ansichten

Vier Ansichten, im Browser aufgezeichnet

Ansichten

Der Konfigurator des Fusshockers. Links ein Design-Rendering eines hellen, rechteckigen Polsterhockers auf gedrechselten Beinen vor Grau; rechts die Optionen, gedrechselte oder konische Beine für 40 Euro weniger, der Stoff, Leinen in Sand, und die Paspel im selben Stoff oder in Anthrazit, dann der Preis, EUR 590, und «Request a quote with this configuration».
Der Fusshocker, sein Design-Rendering, bevor die 3D-Ansicht lädt
Der Konfigurator des Kopfteils. Ein Design-Rendering eines cremefarbenen Kopfteils mit Kapellen-Silhouette und Kontrastpaspel, daneben die Optionen, sechs Breiten von 96 bis 186 cm mit ihren Preisunterschieden, fünf Formen, «Chapel», «Arch», «Straight», «Scallop» und «Serpentine», an der Wand oder auf Beinen, und der Stoff.
Das Kopfteil, sechs Breiten, jede ein eigenes Modell, und fünf Formen
Die Seite zur Massanfertigung. Die Überschrift «What is not in the catalogue is drawn with you.», ein kurzer Absatz zu den Stücken, um die es geht, dann wie ein Auftrag in vier Schritten abläuft, Gespräch, Masse und Stoff, Werkstatt und Lieferung, und was man schicken soll.
Massanfertigung
Die Offertseite. Die Überschrift «Request a quote.», Felder für Name, E-Mail und Telefon, das Thema mit bereits gewähltem «A piece from the catalogue», und neben dem Formular, was als Nächstes geschieht, und die Kontakte der Werkstatt.
Das Offertformular, sein Thema vom Konfigurator gesetzt

Lieferung

Website

Lieferung

Rolle
Eigenes Projekt des Studios. Gestaltung und Bau der Website auf dem Kit des Studios, der Konfigurator mit den 3D-Modellen beider Stücke und der Weg zur Offerte.
Technologien
Astro · TypeScript · React · three.js · Keystatic · Cloudflare
Leistungen
WebsitesInteraktiver Baustein

Geliefert

  • Seiten für Start, Stücke, Massanfertigung, Restaurierung und Offerte, auf Spanisch, mit Englisch unter /en
  • Ein Konfigurator mit 3D-Ansicht in Echtzeit für beide Stücke, Beine, Stoff und Paspel beim Fusshocker; sechs Breiten, jede ein eigenes Modell, und fünf Formen beim Kopfteil
  • Preise, die der Konfiguration folgen, und eine Offertanfrage, welche sie mitbringt
  • Gebaut auf dem Kit des Studios, die Inhalte in Keystatic bearbeitet

Gemessen

Lighthouse 13.5.0 · amaliaroots.studio/en

Gemessen

Performance
97
Barrierefreiheit
100
Best Practices
100
SEO
100

LCP 2.7 s · 1'000 kB übertragen · 12 Anfragen

Gemessen am 2. November 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.

Was wir nicht behaupten würden

  • Noch ist kein Stück fertig, deshalb werden die Stücke als Design-Renderings gezeigt und als solche gekennzeichnet
  • Bisher ein Stoff in den Konfiguratoren; die Kollektion von acht Stoffen ist gewählt, aber noch nicht fotografiert

Rundgang

25 s · WebM, MP4

Rundgang

Das Titelbild, die Stücke, der Fusshocker zweimal konfiguriert und in 3D gedreht, dann die Offerte, zu der er führt, im Browser aufgezeichnet.Startet auf Klick

Als Nächstes

Passpaw

Eine Website zum Online-Bestellen amtlicher Gesundheitszeugnisse für Haustiere, mit einem in Illustrationen erklärten Ablauf in drei Schritten und einem Bestellweg ab dem ersten Bildschirm.