Koray Önal
Kontakt aufnehmenKontakt
Zurück zu Ventures

Case Study

KDM Klassische Designmöbel

Wie zwei Menschen ein Magazin bauen, das wie ein Verlag arbeitet.

Ein kleines Team kann ein Produkt bauen, das wie ein großes arbeitet. Wenn UX, System und Automatisierung von Anfang an zusammen gedacht werden.

Rolle
Produkt, UX Konzeption, Design System, Schrift, Technik
Zeitraum
Seit Februar 2026
Team
Zwei Menschen, wenige Stunden pro Woche
Werkzeuge
Figma, WordPress Block Theme, Claude Code, n8n, Google Search Console
Startseite von zeitlosesdesign.de auf dem Desktop
Startseite von zeitlosesdesign.de auf dem Smartphone

02

Die Frage

Wie baut man mit zwei Menschen und wenigen Stunden pro Woche ein Magazin, das bei Google neben großen Shops besteht?

Große Shops haben Sortiment, Budget und Redaktion. KDM hat eigene Stücke, eigene Erfahrung und eine klare Haltung. Die Aufgabe war, daraus ein Produkt zu machen, das Vertrauen schafft und mit wenig Pflege wächst.

03

Strategie

Ich habe KDM bewusst eng aufgestellt: skandinavische und internationale Designklassiker, sonst nichts. Statt breiter Kategorien beantworte ich Fragen kurz vor dem Kauf. Das Ergebnis ist das Magazin für Designklassiker zeitlosesdesign.de.

  • Ist das ein Original?
  • Welche Größe passt?
  • Passt das zu meinem Zuhause?

„Selten kaufen, dafür richtig.“

Leitsatz und redaktionelle Haltung von KDM

04

UX und Komponenten

Jede Komponente löst genau ein Nutzerproblem.

Preisentwicklung der Louis Poulsen PH5 von 2020 bis 2026

Preisverlauf

Rabattdruck erzeugt Hektik. Der Verlauf zeigt, ob ein Preis gerade gut ist oder ob sich Warten lohnt.

Maßvergleich der Flowerpot Pendelleuchten VP10, VP1, VP7 und VP2

Maßvergleich

Maße in Zentimetern sagen wenig. Der Vergleich zeigt alle Größen eines Modells maßstabsgetreu nebeneinander, auf Desktop und mobil.

Original erkennen für die Artemide Tolomeo mit drei eigenen Fotos: Arm ohne Schrauben, Prägung unter der Basis, Aufkleber am Arm

Original erkennen

Bei Klassikern sind Fälschungen ein echtes Thema. Ein Raster mit eigenen Fotos zeigt die Details, an denen man das Original erkennt, hier an unserer eigenen Tolomeo.

Kaufbox der Louis Poulsen PH5 mit Produkt, Preis, Preisverlauf und zwei Fachhändlern

Kaufbox

Produkt, Preis und ausgewählte Fachhändler auf einen Blick. Welcher Händler zuerst steht, entscheidet die Partnerwahl nach Preis und Lieferbarkeit, nicht eine Vorliebe.

Einstieg ins 3D Modell der PH 5 mit Text und Button

3D Modell

Manche Klassiker erklären sich erst von unten. Das Modell lädt erst nach dem Klick und lässt sich drehen, mit allen Farben des Herstellers.

Modul In deinem Zuhause mit Stimmungsbild und drei passenden Räumen

In deinem Zuhause

Die letzte Frage vor dem Kauf ist selten technisch. Das Modul zeigt, in welche Räume und Stile ein Stück passt. Live auf allen Produktseiten.

05

Eigene Handschrift

Die persönliche Notiz auf KDM ist jetzt wörtlich meine Hand.

Bis Oktober standen Notiz, Fazit und Dachzeilen in einer Schrift von Google Fonts. Sie sah handgeschrieben aus, war aber nicht unsere. Deshalb habe ich meine eigene Handschrift zur Schrift gemacht. Seit dem 23. Oktober 2026 läuft sie auf der Website, seit dem 26. Oktober auch auf Instagram.

KDM Handschrift

Tipp selbst. Kleinbuchstaben werden von allein zu Kapitälchen.

ABCDEFGHIJKLMNOPQRSTUVWXYZ ÄÖÜÅØ abcdefghijklmnopqrstuvwxyz äöüåøß 0123456789 &?!:;,.()

Technisch ist sie eine WOFF2 Datei mit 42 KB, selbst gehostet. Jede neue Fassung bekommt einen eigenen Dateinamen, weil WordPress Schriften ohne Versionsparameter ausliefert. So sieht nach einem Update niemand die alte Hand.

06

Design System

Das Theme ist die Quelle, das Design System sein Spiegel.

Tokens und über 50 Bausteine kommen direkt aus dem Live CSS. Jeder Baustein ist ein Block im Editor mit Feldern statt freier Gestaltung. Fünfzehn Regeln halten das System zusammen, etwa: keine Akzentfarbe, die Farbe kommt vom Produktbild. Jeder Baustein hat genau eine Hauptaktion.

Konsistenz ist bei KDM kein Zufall, sondern Pflege.

Baustein Vergleich: drei Akkuleuchten mit Laufzeit, Ladezeit, Schutzart und Tipp nebeneinander
Vergleich
Baustein FAQ: Akkordeon mit geöffneter Frage zur passenden Flowerpot Größe
FAQ
Baustein Persönliches Fazit in der KDM Handschrift auf Walnut, darunter der Autor
Persönliches Fazit
Baustein Produktkarte: Flowerpot VP3, Tolomeo Tavolo und Form Stuhl mit Buttons
Produktkarte
Baustein Highlight: Artikelteaser mit Bild, Dachzeile, Titel und Button
Highlight

07

Bewegung

Eine Handvoll Kurven und Dauern trägt jede Bewegung auf KDM.

Bewegung soll erklären, was passiert, nicht unterhalten. Deshalb ist sie Teil des Systems wie Farbe und Abstand. Beide Beispiele unten laufen mit den echten Werten aus dem Theme.

Seitenübergang als Fächer

Klick auf eine Karte. Die alte Seite geht gestaffelt nach links, die neue fächert sich von rechts auf. Der Kopf bleibt stehen. Zurück läuft gespiegelt.

Designklassiker des Monats

Leuchten, die nicht blenden

Raus 0,18 s, 15 ms Versatz · Rein ab 0,08 s, 0,26 s, 25 ms Versatz · Weg 48 px

Vier Rollen für Links

Jeder Link auf KDM hat genau eine Rolle. Alle teilen dieselbe Sprache: Die Linie wird voll und rückt an die Schrift, Pfeile wandern 4 px, Bilder zoomen langsam und wenig. Fahr mit der Maus darüber oder tippe darauf.

08

Technik und Qualität

Ich habe Elementor entfernt, weil sich Seitenbauer nicht automatisieren lassen.

KDM läuft heute auf einem eigenen Block Theme. Alles ist aus Komponenten gebaut. Ändere ich eine Komponente zentral, ändert sie sich auf jeder Seite. Neue Komponenten entstehen im Design System und werden von dort geordnet ins Theme integriert. Umgesetzt habe ich die Migration mit Claude Code, schneller als geplant.

Konsistenzprüfung

Jede Entscheidung steht mit Datum, Vorher, Nachher und den geprüften Breiten im Design System. Wer in drei Monaten fragt, warum etwas so ist, findet die Antwort.

Zwei Bauschritte

Ein Skript baut die kleinen Dateien, die die Website ausliefert. Ein zweites schreibt die Tokens ins Design System. Niemand pflegt Werte an zwei Stellen.

09

Automatisierung mit Augenmaß

Automatisiert ist, was Routine ist. Preise kommen aus den Daten der Partnershops. Hat ein Produkt ein 3D Modell, setzt das Theme es von selbst über den Preisverlauf. KI Bilder tragen ihr Label nach EU Vorgabe über einen Schalter am Bild, nie von Hand. n8n wertet die Search Console aus und zeigt, welche Themen Potenzial haben.

Seit dem 15. Oktober 2026 bereitet eine Pipeline Instagram Beiträge vor. Der Feed ist die Website auf 1080 px: gleiche Schrift, gleiche Farben, festes Raster.

Empfehlungen, Fotos und Freigaben kommen nicht aus der KI. Die entscheiden wir selbst.

  1. QuellenPartnerdaten, Search Console, eigene Fotos
  2. n8nPreise, Auswertungen, Entwürfe für Beiträge
  3. FreigabeMenschen entscheiden, was erscheint
  4. AusspielungWebsite und Instagram

10

Ergebnisse

+210 %

Google Klicks pro Tag, Ende Juli zu Ende Oktober 2026

+130 %

Google Impressionen pro Tag, im selben Zeitraum

Bisher war SEO der einzige Kanal von KDM. Das Wachstum kam ohne Werbebudget, allein aus Seiten, die eine konkrete Frage beantworten. Seit dem 15. Oktober 2026 bauen wir mit Instagram den zweiten Kanal auf.

11

Learnings und Ausblick

  1. 1Eine Seite gewinnt mehr Traffic, wenn sie genau eine Frage beantwortet.
  2. 2Ein Design System lohnt sich auch für ein Team von zwei.
  3. 3KI spart Stunden, ersetzt aber nicht das Urteil, ob ein Layout trägt.
  4. 4Eine eigene Handschrift sagt mehr über eine Marke als jede Farbe.

Als Nächstes geht es um mehr Tiefe statt mehr Seiten. Bestehende Ratgeber ausbauen, Komponenten wiederverwenden, Automatisierung dort erweitern, wo sie Zeit spart.

Ein Produkt, das mit kleinem Team wie ein großes arbeitet?

Lass uns darüber sprechen.