mezarisim.com, İstanbul'da mezar yapımı, mezar baş taşı, mezar çiçeklendirme ve toprak dolumu hizmeti veren bir işletmenin dijital vitrinidir. Bu alanda müşteri çoğu zaman zor bir dönemde, hızlı karar vermek zorunda olan bir aile yakınıdır: hangi modelin hangi mezarlığa uygun olduğunu, malzeme farkını ve yaklaşık maliyeti öğrenmek ister, sonra da tek bir telefonla işi başlatmak ister. Platformu bu ihtiyaca göre kurduk: model kataloğu, hizmet sayfaları, İstanbul mezarlık rehberi ve teklif/iletişim akışı tek bir sitede, içeriğin tamamı ise yönetim panelinden güncellenebilir durumda.

Proje bağlamı ve ihtiyaç

Sektördeki sitelerin büyük kısmı ya statik bir fotoğraf galerisinden ibaretti ya da her değişiklik için yazılımcı gerektiriyordu. İşletmenin beklentisi netti: yeni bir model eklemek, fiyat ya da kampanya güncellemek, sezonluk bir duyuru yayınlamak için kimseye bağımlı olmamak. Bunun yanında arama motorlarında "mermer mezar", "granit mezar", "mezar baş taşı" gibi rekabetçi aramalarda görünür olmak ve ziyaretçiyi en kısa yoldan telefona, WhatsApp'a ya da teklif formuna ulaştırmak gerekiyordu.

Çözüm ve kapsam

Model kataloğu

Katalog beş ana kategori üzerine kurulu: Mezar Modelleri, Mezar Baş Taşı Modelleri, Mezar Aksesuarları, Mezar Çiçeklendirme ve Mezar Toprak Dolumu. Alt kategoriler gerçek satış diline göre ayrıldı: tek ve iki kişilik mermer ya da granit mezar, katlı lahit, sütunlu ve özel yapım mezarlar; mermer, granit ve sütunlu baş taşları; vazo, sütun ve süs modelleri. Ana sayfadaki ürün galerisi kategori filtresi ve anlık arama ile çalışır; her model kendi adresine sahip bir detay sayfasında açılır.

Ürün detay sayfası

Detay sayfası yalnızca bir fotoğraf ve fiyat göstermez. Kapak görseli ve galeri, fiziksel ölçü, malzeme ve hizmet başlıklarına ayrılmış teknik özellikler, modele özel sık sorulan sorular ve müşteri yorumları aynı sayfada yer alır. Her ürünün ayrı meta başlığı ve açıklaması vardır; benzer modeller sayfanın altında listelenir.

Hizmet sayfaları

Mezar çiçeklendirme ve toprak dolumu hizmetleri ürün gibi değil, hizmet mantığıyla modellendi. Çiçeklendirme için alan, süre, bakım sıklığı ve mevsim; toprak dolumu için toprak tipi, kalınlık ve kullanılan ekipman; ikisi için de garanti ve pakete dahil olanlar ayrı alanlarda tutulur. Böylece ziyaretçi hizmetleri yan yana karşılaştırabilir. Fiyat listesi, aksesuarlar, hakkımızda, misyon-vizyon, kalite politikası ve SSS sayfaları da aynı yapıdan beslenir.

İstanbul mezarlık rehberi

Sitenin en ayırt edici bölümü mezarlık rehberi. Anadolu ve Avrupa yakası bölgelerine göre gruplanan mezarlıklar ilçe ve tür filtresiyle aranabilir; her kayıtta adres, telefon, çalışma saatleri, ulaşım ve erişilebilirlik bilgisi bulunur. Koordinatlar üzerinden tek tıkla Google Haritalar'da konum açılır. Bu bölüm hem ailelere gerçek bir yardım sunuyor hem de yerel aramalarda siteye kalıcı, faydalı içerik kazandırıyor.

Güven ve iletişim akışı

Son yapılan işler, konum, malzeme ve yıl bilgisiyle ayrı bir galeride sunulur. Müşteri yorumları siteden gönderilebilir, ancak yönetici onayından sonra yayına çıkar. Kampanyalar ve duyurular ana sayfada öne çıkar; Ramazan kampanyası gibi sezonluk sayfalar panelden yazılan özel sayfalarla açılır. Her ekranda sabit telefon butonu bulunur; iletişim sayfasında telefon, WhatsApp ve form bir arada sunulur.

Yönetim paneli

Panelin giriş ekranı ürün, kategori, alt kategori, kullanıcı, sayfa, hizmet, iletişim mesajı, slider, aksesuar, kampanya, duyuru ve yorum sayılarını tek bakışta gösterir; her kart ilgili yönetim ekranına götürür. Ürün formu bölümlere ayrıldı: temel bilgiler, kapak görseli, galeri, teknik özellikler, SSS, yorumlar ve SEO. Mezarlıklar, son işler, bilgi kartları, menü ve özel sayfalar da panelden yönetilir.

Site ayarları sekmelere bölündü: genel bilgiler, iletişim ve WhatsApp bağlantısı, SMTP e-posta ayarları, depolama, sayfa bazlı SEO metinleri ve JSON-LD yapılandırılmış veri. İletişim mesajları yeni, işlemde ve kapandı durumlarıyla, yönetici notu eklenerek takip edilir. Veritabanı yedeği panelden dışa aktarılabilir ve sunucuda anlık yedek noktaları oluşturulup geri yüklenebilir.

Teknik mimari

• Ön yüz: React, TypeScript ve Vite ile tek sayfa uygulama; React Router, Redux Toolkit ve RTK Query ile veri katmanı, Shadcn UI/Radix bileşenleri ve Tailwind CSS ile arayüz, form doğrulamada React Hook Form.
• API: Bun üzerinde çalışan Fastify; her modülün herkese açık ve yönetici rotaları ayrı tanımlı, girdiler Zod ile doğrulanıyor. Yönetici uçları JWT tabanlı oturum ve rol kontrolüyle korunuyor.
• Veri modeli: MySQL ve Drizzle ORM; ürünler, alt kategoriler, ürün özellikleri, ürün SSS ve yorumları, hizmetler, mezarlıklar, son işler, kampanyalar, duyurular, slider, özel sayfalar ve site ayarları ayrı tablolarda. Şema ve başlangıç içeriği sürümlenmiş SQL seed dosyalarıyla kuruluyor.
• SEO: Sayfa bazlı başlık ve açıklama site ayarlarından okunuyor, LocalBusiness JSON-LD dinamik olarak ekleniyor; canonical etiketi, sitemap ve robots.txt yayında.
• Performans: Kritik CSS sayfanın içinde, görseller için optimize bileşen ve iskelet yükleyiciler, hareket azaltma tercihine saygı duyan animasyonlar.

Entegrasyonlar

• Medya: Görseller Cloudinary üzerinden servis ediliyor; depolama sürücüsü panelden yerel diske çevrilebiliyor.
• E-posta: İletişim formu Nodemailer ile panelde tanımlı adreslere bildirim gönderiyor; SMTP ayarları koda değil panele bağlı. Forma basit bir bot tuzağı eklendi.
• Harita ve mesajlaşma: Mezarlık konumları için Google Haritalar bağlantısı, iletişim için WhatsApp bağlantısı.
• Reklam ölçümü: Google Ads etiketi tek sayfa uygulama yapısına göre kuruldu, Search Console doğrulaması yapıldı.

Sonuç ve bugün

mezarisim.com bugün canlı yayında. İşletme yeni modelleri, fiyatları, kampanyaları ve SEO metinlerini kendi panelinden yönetiyor; iletişim talepleri durum takibiyle tek ekranda toplanıyor. Katalog, hizmet karşılaştırması ve İstanbul mezarlık rehberinin birleşimi, siteyi basit bir galeriden ailelerin karar vermesine yardım eden bir başvuru noktasına dönüştürdü.