Zum Inhalt springen
A—46

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
Desktop- und Mobilansicht der neuen Teknoser-Website

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

Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.

Startseite

Teknoser İşitme Merkezleri — Startseite
Teknoser İşitme Merkezleri — Bereiche und Unterseiten

Bereiche und Unterseiten

Teknoser İşitme Merkezleri — Bereiche und Unterseiten
Teknoser İşitme Merkezleri — Bereiche und Unterseiten
Teknoser İşitme Merkezleri — Bereiche und Unterseiten
Teknoser İşitme Merkezleri — Auf dem Smartphone

02 /

Vorgehen

Drei Entscheidungen, die das Projekt geprägt haben.

  1. 01

    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.

  2. 02

    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.

  3. 03

    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

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