Teknoser İşitme Merkezleri
Teknoser İşitme için WordPress’ten Next.js’e taşınan kurumsal site ve PWA
- Sektör
- İşitme cihazları
- Ülke
- Türkiye
- Kategori
- Web tasarım
- Hizmetler
- Web tasarım & geliştirme, SEO & performans
- Teknoloji
- Next.js 16, React 19, TypeScript, Tailwind CSS 4, Leaflet, Nodemailer, PWA, Coolify
01 /
İhtiyaç
Teknoser İşitme Merkezleri, İstanbul’un farklı ilçelerindeki şubeleriyle işitme cihazı satışı, işitme testi ve cihaz bakımı hizmeti veriyor. Mevcut site WordPress üzerinde çalışıyor; içerik zamanla dağılmış, mobilde ağırlaşmıştı. Yeni sürümü Next.js ile baştan yazdık ve içeriği eski siteye sadık kalarak taşıdık: küpe, şarjlı, kulak içi ve kulak arkası cihazlar, Aria6, Nano3, Smart, TIE ve TIE-X serileri ile pediatri sayfaları ayrı ayrı yer alıyor. Ziyaretçi beş soruluk online testle kendini değerlendirebiliyor, haritada kendisine en yakın şubeyi bulup randevu talebi bırakabiliyor. Geliştirme sürüyor; site henüz yayında değil ve alan adı hâlâ eski WordPress sitesini gösteriyor.
Ekranlar
Yakından bakın
Canlı siteden alınmış güncel ekran görüntüleri: sayfanın tamamı, iç sayfalar ve telefondaki görünüm.
Ana sayfa, baştan sona
Ana sayfa
Bölümler ve iç sayfalar
02 /
Yaklaşım
Projeyi şekillendiren üç karar.
İçerik aynı, kabuk yeni
Metinleri, ürün açıklamalarını ve blog yazılarını yeniden yazmadık; eski sitedeki içeriği birebir taşıyıp sade, beyaz zeminli bir tasarımla yeniden düzenledik. Ürün sayfalarının hepsi aynı şablondan çıkıyor, bu da kataloğa yeni bir seri eklemeyi kolaylaştırıyor.
Arama trafiğini kaybetmeden geçiş
Eski WordPress adresleri, kategori ve yazar arşivleri ile eski site haritası adresleri kalıcı yönlendirmeyle yeni sayfalara bağlandı. Her sayfada başlık, açıklama, canonical ve JSON-LD verisi tanımlı; site haritası ve robots dosyası otomatik üretiliyor.
Ziyaretçiyi şubeye götüren araçlar
Şubeler Leaflet haritasında gösteriliyor; konum izni verildiğinde en yakın şube mesafesiyle birlikte öneriliyor. Randevu ve iletişim formları KVKK onayı, honeypot alanı ve istek sınırıyla korunuyor, talepler doğrudan e-postaya düşüyor.
03 /
Neler yaptık
- Cihaz tipleri ve seriler için ayrı ürün sayfaları
- Beş soruluk online işitme ön testi
- Harita üzerinde şubeler ve en yakın şube bulucu
- KVKK onaylı randevu ve iletişim formu
- Eski WordPress adreslerinden kalıcı yönlendirmeler
- Blog, içindekiler tablosu ve paylaşım butonları
- Çevrimdışı sayfası olan PWA altyapısı
Kullanılan teknolojiler
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Leaflet
- Nodemailer
- PWA
- Coolify
Kod ve alan adı tamamen müşterimize ait.
Sonraki proje
A—47
Turex Turizm
Turex Turizm için hizmetleri, filoyu ve yatırımcı ilişkilerini bir araya getiren yeni kurumsal site
Turizm & dernekler · Türkiye