Manley: Website-Relaunch von Squarespace zu Nuxt und Strapi
Website-Relaunch

Manley: Website-Relaunch von Squarespace zu Nuxt und Strapi

Manley baut Röhrentechnik für Tonstudios und Hi-Fi. Statt einer Squarespace-Seite steht heute eine eigens entwickelte Website auf Nuxt und Strapi.

Website-Relaunch
Squarespace-Migration
Nuxt
Strapi
Manley.com ansehen
Der neue Auftritt

Manley.com nach dem Relaunch

Startseite von Manley.com nach dem Relaunch, dargestellt auf Desktop und Smartphone
Der Einstieg führt direkt in die Produktbereiche Pro Audio und Hi-Fi. Dieselbe Seite trägt auf dem Telefon – eine Codebasis, kein getrennter Mobilauftritt.
Kunde
Manley Laboratories, Kalifornien
Projekt
Website-Relaunch und CMS-Migration von Squarespace
Technologie
Nuxt, Strapi
Umfang
37 Produktseiten in 11 Kategorien
Leistung
Konzeption, Entwicklung, Migration
Ausgangslage & Ziele

Warum Manley eine flexiblere technische Basis brauchte

Manley baut Röhrentechnik in Kalifornien: Mikrofone, Vorverstärker, Equalizer, Kompressoren. Wer so ein Gerät kauft, liest vorher Spezifikationen, vergleicht Bandbreiten und will wissen, welche Röhren verbaut sind. Die Website muss diese Tiefe aushalten.

Die bisherige Seite lief auf Squarespace und hatte diesen Anspruch über Jahre getragen. Sie enthielt all diese Informationen – als Fließtext in jeweils einer sehr langen Seite pro Gerät. Für den nächsten Schritt brauchte Manley eine Basis, auf der sich dieses Wissen ordnen lässt.

Herausforderungen

Problemstellung

Alles auf einer Seite

Details, Spezifikationen, Rezensionen, Fragen und die Mastering-Variante standen untereinander in einem Dokument – so lang, dass die Seite eine eigene Sprungnavigation brauchte.

Produktdaten als Text, nicht als Feld

Frequenzgang, Klirrfaktor oder Preis standen als Absatz in der Seite. Sie ließen sich dadurch nicht gezielt hervorheben oder an anderer Stelle wiederverwenden.

Lösungsansatz

Ziele

Produktwissen strukturieren

Eigenschaften, technische Daten und Fragen sollten getrennt erfasst und gezielt ausgespielt werden können.

Sortiment erschließbar machen

Pro Audio und Hi-Fi sollten über Kategorien zugänglich sein statt über eine flache Liste von Gerätenamen.

Methodik

Warum Nuxt und Strapi

Onveda arbeitet mit Nuxt und Strapi als Standard-Setup. Für Manley passte es aus einem konkreten Grund: Der Kern der Aufgabe lag im Content-Modell, nicht im Design.

Ein Baukasten kennt Seiten. Strapi kennt Produkte, Kategorien, Spezifikationen und Fragen als eigene Typen. Erst dadurch lässt sich dieselbe Angabe an mehreren Stellen zeigen, ohne sie mehrfach zu pflegen.

Technologien & Tools

Strapi als Content-Modell

Produkte, Kategorien, technische Daten und Fragen liegen als eigene Inhaltstypen vor – nicht als Absätze in einer Seite.

Nuxt für das Frontend

Serverseitiges Rendering, damit Produktseiten schnell ausgeliefert und von Suchmaschinen vollständig erfasst werden.

Migration der Bestandsinhalte

Die über Jahre gewachsenen Squarespace-Seiten wurden in dieses Modell überführt, Gerät für Gerät, einschließlich der nicht mehr gebauten Produkte.

Umsetzung & Herausforderungen

Die Produktseite als Kern des Relaunches

An der Massive Passive lässt sich ablesen, worauf es ankam. Die Seite bedient zwei sehr verschiedene Besucher: jemanden, der das Gerät zum ersten Mal sieht, und einen Toningenieur, der genau eine Angabe sucht.

Gelöst ist das über Reihenfolge statt über Länge. Oben stehen Bilder, Kernaussagen, Preis und der Weg zum Händler. Darunter liegen Features, Details und Spezifikationen als eigene Abschnitte, gefolgt von den Fragen zu genau diesem Gerät.

Kernfunktionen

  • Technische Spezifikationen als Felder

    Bandbreite, Klirrfaktor und Aussteuerung liegen als eigene Werte vor und lassen sich deshalb hervorheben, statt im Fließtext unterzugehen.

  • Produktkategorien für Pro Audio und Hi-Fi

    Elf Kategorien von Channel Strips bis Tube Mics. Ein Gerät kann in mehreren stehen – die Massive Passive taucht unter EQs und unter Mastering auf.

  • Sprechende Adressen statt Produktkürzel

    Aus /pro/msmp wurde /products/pro-audio/eqs/massive-passive-eq. Die Kategorie steht in der Adresse und in der Breadcrumb.

  • Fragen als Einzelinhalte

    Die Fragen zum Gerät sind einzeln erfasst und aufklappbar, statt als durchnummerierte Textstrecke am Seitenende zu stehen.

  • Aktuelle und eingestellte Geräte

    Sieben nicht mehr gebaute Produkte haben eigene Detailseiten in einem getrennten Legacy-Bereich, statt aus dem Auftritt zu verschwinden.

  • Pflege ohne Codeänderung

    Neue Geräte, geänderte Spezifikationen und zusätzliche Fragen entstehen in Strapi. Das Frontend entwickelt sich unabhängig davon weiter.

Produktseite

Einstieg oben, Tiefe darunter

Produktseite des Manley Massive Passive EQ mit Breadcrumb, Bildergalerie und den Reitern Features, Details und Specifications
Der Einstieg der Massive-Passive-Seite: Breadcrumb über Pro Audio und EQs, Bildergalerie, die Reiter Features / Details / Specifications und der direkte Weg zum Händler. Was vorher durchgescrollt werden musste, ist hier eine Auswahl. Websiteansicht vom September 2026. Preise und Sortiment können sich ändern.
Vorher / Nachher

Dieselben Informationen, anders geordnet

Beide Ausschnitte zeigen die Produktinformationen zur Massive Passive: links der Stand kurz vor dem Relaunch, rechts die heutige Seite.

Vorher: Squarespace
Alte Squarespace-Produktseite: Fragen und Antworten als lange, durchnummerierte Textstrecke
Die Fragen zum Gerät standen als durchnummerierte Textstrecke am Ende einer Seite, die auf dem Desktop rund zwanzig Bildschirmhöhen füllte.
Nachher: strukturierte Produktseite mit Nuxt und Strapi
Neue Produktseite: Kennwerte als hervorgehobene Werte, Spezifikationen und Fragen als aufklappbare Abschnitte
Heute stehen die Kennwerte oben als eigene Werte. Spezifikationen und Fragen liegen darunter als aufklappbare Abschnitte – lesbar, ohne alles zu lesen.
Erkenntnisse

Was sich für Manley geändert hat

Der Relaunch ist abgeschlossen und Squarespace abgelöst. Die neue Website führt 37 Produkt-Detailseiten – 19 aus Pro Audio, 11 aus Hi-Fi und 7 zu eingestellten Geräten – über 11 Kategorien. Im Alltag kommt davon Folgendes an:

Ein neues Gerät ist ein Datensatz

Ein Produkt anzulegen heißt heute, Felder auszufüllen: Kategorie, Kennwerte, Fragen. Vorher hieß es, eine Seite nachzubauen.

Der Weg führt über das Sortiment

Besucher finden über Kategorien zum passenden Gerät. Wer den Namen schon kennt, landet über eine sprechende Adresse direkt auf der Produktseite.

Ältere Geräte behalten ihren Platz

Nicht mehr gebaute Produkte liegen in einem eigenen Bereich und bleiben über Kategorien und Suche auffindbar.

Fazit

Squarespace hat Manley lange getragen. Für ein Sortiment, dessen Käufer Spezifikationen lesen, bevor sie sich entscheiden, war der Baukasten aber die falsche Ebene: Er kennt Seiten, keine Produkte. Manley pflegt Produktinformationen, Spezifikationen und Inhalte heute strukturiert im CMS, während sich das Frontend unabhängig davon weiterentwickeln lässt. Manley.com ansehen

Ihre Website soll besser zu Ihren Produkten passen?

Relaunch, Migration aus einem Baukasten oder eine Produktwelt, die mehr Struktur braucht: Wir sehen uns Ihren Auftritt an und sagen Ihnen, was sich lohnt.

Karriere bei Onveda

Anfragen rund ums Arbeiten bei Onveda oder Arbeitsvermittlung

Zum Kontaktformular

Projekt-Anfragen

Plattform-, Integrations- und Run-Anfragen

Allgemeine Anfragen

Anfragen zu allgemeinen Themen

kontakt@onveda.de