Webzenz hat für APANI eine High-End-Audio-Website in 10 Sprachen umgesetzt: Next.js, animierte Produktseiten, internationales SEO, JSON-LD und eine Codebasis für vier Domains.
Überblick
APANI Audiophile entwickelt High-End-Audiosysteme unter dem Namen "The Music Transformer". Für die Marke hat Webzenz eine internationale Marken- und Produktwebsite umgesetzt, die hochwertige Bilder, animierte Übergänge und eine klare Struktur bis zur Produktanfrage verbindet.
Die Website basiert auf Next.js, React und TypeScript und ist in 10 Sprachen verfügbar. Eine einzige Codebasis bedient vier Domain-Konfigurationen für die Schweiz, Deutschland und den internationalen Markt. Produktseiten, Fachartikel, News und Downloads sind sauber gegliedert.
Ausgangslage
Eine Premium-Marke braucht eine Website, die visuell überzeugt und gleichzeitig technisch sauber für Suchmaschinen und KI-Assistenten aufbereitet ist. Dazu kamen zehn Sprachen, mehrere Länderdomains und eine Inhaltspflege, die auch ohne Entwickler funktioniert.
Funktionen und Umsetzung
10 Sprachversionen
Deutsch, Englisch, Französisch, Italienisch, Spanisch, Schwedisch, Tschechisch, Chinesisch, Japanisch und Koreanisch, mit eigener i18n-Struktur und eigenem Routing.
Produktdetailseiten
Eigene Seiten für Qeviko, Cylindra V CB, Iona und Fjord, Auris V System und Phase Zero mit Bildergalerien und Zoom.
Scroll-Animationen
Scrollgesteuerte Bildsequenzen und Animationen mit GSAP, vollständig responsiv für Desktop, Tablet und Smartphone.
Technologie und Markenwelt
Bereiche zu Technologie, Philosophie, Herkunft und News, unter anderem zu Membrankontrolle und zeitkohärenter Wiedergabe.
Downloadbereich
Dokumente und Unterlagen mit Sprachfilter, damit Besucher direkt die passende Version finden.
Mehrsprachige Anfrageformulare
Kontakt- und Produktformulare mit Web3Forms und automatischer Vorauswahl des betrachteten Produkts.
Technisches SEO
Titel, Canonical, hreflang, XML-Sitemaps, robots, Open Graph und Twitter Cards für alle Sprachen und Domains.
Strukturierte Daten und GEO
Schema.org JSON-LD sowie llms.txt und llms-full.txt, die beim Build automatisch erzeugt werden, damit KI-Assistenten die Inhalte korrekt verstehen.
Datenschutzkonforme Analyse
Google Analytics 4 erst nach Einwilligung, inklusive Messung von PDF-Downloads.
Leistungsumfang von Webzenz
- Komponentenarchitektur und Frontend-Entwicklung
- Mehrsprachige Inhaltsstruktur für 10 Sprachen
- Internationales SEO und GEO für vier Domains
- Downloadbereich, Formulare und Analytics
- Static Export und Auslieferung über AWS CloudFront
- Wartbarkeit durch typisierte Inhalte und Prüfskripte
Eingesetzte Technologien
- Frontend
- Animation und Interaktion
- Inhalte und Mehrsprachigkeit
- SEO und GEO
- Schnittstellen
- Server, Cloud und Hosting
- Qualitätssicherung
Ergebnis
APANI verfügt über eine international ausgerichtete Website, die die Produkte hochwertig präsentiert und in zehn Sprachen sauber auffindbar ist. CloudFront Functions liefern je nach Domain die passende Sprachversion aus.
Das Projekt zeigt die Kompetenz von Webzenz bei mehrsprachigen Next.js-Websites, internationalem SEO, strukturierten Daten und GEO für KI-Suchsysteme.
BrickMatch.ch: Infomaniak Server-Setup und Docker-Deployment in der Schweiz
Webzenz hat für BrickMatch.ch die Serverumgebung bei Infomaniak aufgebaut und die Next.js-Plattform mit Docker, Staging, GitHub Actions und Schweizer Hosting produktiv gebracht.
Projekt ansehen: BrickMatch.ch
BrainRun AI: Entwicklung einer KI-Plattform mit Multi-Modell-Chat, Wissenssuche und AWS-Infrastruktur
Für BrainRun AI hat Webzenz eine KI-Plattform mit Multi-Modell-Chat, Dokumentensuche (RAG), KI-Agenten, Credits-Abrechnung und AWS-Infrastruktur vollständig umgesetzt.
Projekt ansehen: BrainRun AI
Audio Insider Zürich: Individuelles Anmeldesystem für Events und Hörtermine
Webzenz hat für Audio Insider Zürich ein zweisprachiges Anmeldesystem für Events und Hörtermine entwickelt: React, PHP-API, MySQL, Admin-Dashboard und Hosting bei Hostpoint.
Projekt ansehen: Audio Insider Zürich