Teknoser İşitme Merkezleri
Unternehmenswebsite und PWA für Teknoser Hörakustik – von WordPress auf Next.js neu aufgebaut
- Branche
- Hörakustik
- Land
- Türkei
- Kategorie
- Webdesign
- Leistungen
- Webdesign & Entwicklung, SEO & Performance
- Technologie
- Next.js 16, React 19, TypeScript, Tailwind CSS 4, Leaflet, Nodemailer, PWA, Coolify

01 /
Ausgangslage
Die Teknoser-Hörzentren verkaufen Hörgeräte und bieten Hörtests sowie Gerätepflege in Filialen in mehreren Istanbuler Stadtteilen an. Die bisherige Website läuft auf WordPress; die Inhalte waren mit der Zeit verstreut, und auf dem Smartphone lud sie schwer. Wir haben die neue Version in Next.js von Grund auf neu geschrieben und die Inhalte originalgetreu übernommen: Ohrring-Hörgeräte, Akku-, Im-Ohr- und Hinter-dem-Ohr-Geräte, die Serien Aria6, Nano3, Smart, TIE und TIE-X sowie die Kinderversorgung haben jeweils eine eigene Seite. Besucher können sich mit einem Online-Test aus fünf Fragen selbst einschätzen, die nächstgelegene Filiale auf der Karte finden und eine Terminanfrage stellen. Das Projekt ist in Entwicklung: Die Website ist noch nicht online, die Domain zeigt weiterhin die alte WordPress-Seite.
Screens
Genauer hingesehen
Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.
Startseite, von oben bis unten

Startseite


Bereiche und Unterseiten




02 /
Vorgehen
Drei Entscheidungen, die das Projekt geprägt haben.
Gleicher Inhalt, neue Hülle
Texte, Produktbeschreibungen und Blogbeiträge haben wir nicht umgeschrieben, sondern unverändert übernommen und in einem schlichten, weißen Design neu geordnet. Alle Produktseiten basieren auf derselben Vorlage, sodass sich eine neue Serie leicht in den Katalog aufnehmen lässt.
Umstieg ohne Verlust an Suchtraffic
Alte WordPress-Adressen, Kategorie- und Autorenarchive sowie die alten Sitemap-Adressen sind per dauerhafter Weiterleitung mit den neuen Seiten verbunden. Jede Seite definiert Titel, Beschreibung, Canonical und JSON-LD; Sitemap und robots-Datei werden automatisch erzeugt.
Werkzeuge, die zur Filiale führen
Die Filialen erscheinen auf einer Leaflet-Karte; mit Standortfreigabe wird die nächstgelegene Filiale samt Entfernung vorgeschlagen. Termin- und Kontaktformular sind mit KVKK-Einwilligung, Honeypot-Feld und Anfragebegrenzung geschützt, Anfragen gehen direkt per E-Mail ein.
03 /
Was wir geliefert haben
- Eigene Produktseiten für Gerätetypen und Serien
- Online-Hörtest mit fünf Fragen
- Filialen auf der Karte mit Suche nach der nächsten Filiale
- Termin- und Kontaktformular mit KVKK-Einwilligung
- Dauerhafte Weiterleitungen von den alten WordPress-Adressen
- Blog mit Inhaltsverzeichnis und Teilen-Buttons
- PWA mit Offline-Seite
Technologie-Stack
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Leaflet
- Nodemailer
- PWA
- Coolify
Leistungen
Code und Domain gehören vollständig unserem Kunden.
Nächstes Projekt
A—47
Turex Turizm
Eine neue Unternehmenswebsite für Turex Turizm, die Leistungen, Flotte und Investor Relations bündelt
Tourismus & Verbände · Türkei
