mezarisim.com ist das digitale Schaufenster eines Istanbuler Betriebs, der Grabanlagen errichtet, Grabsteine fertigt sowie Grabbepflanzung und Erdauffüllung anbietet. Der typische Kunde ist ein Angehöriger, der in einer schweren Zeit schnell entscheiden muss: Er möchte wissen, welches Modell zu welchem Friedhof passt, worin sich die Materialien unterscheiden und was es ungefähr kostet – und dann mit einem einzigen Anruf den Auftrag starten. Genau darauf ist die Plattform ausgerichtet: Modellkatalog, Leistungsseiten, ein Istanbuler Friedhofsverzeichnis und ein Angebots- und Kontaktprozess auf einer Website, deren Inhalte vollständig im Admin-Panel gepflegt werden.

Ausgangslage und Anforderungen

Die meisten Websites der Branche waren entweder eine statische Fotogalerie oder erforderten für jede Änderung einen Entwickler. Die Erwartung des Betriebs war eindeutig: neue Modelle anlegen, Preise oder Kampagnen anpassen und saisonale Hinweise veröffentlichen, ohne von jemandem abhängig zu sein. Außerdem sollte die Website bei umkämpften Suchbegriffen wie „Marmorgrab“, „Granitgrab“ oder „Grabstein“ sichtbar sein und Besucher auf kürzestem Weg zu Telefon, WhatsApp oder Angebotsformular führen.

Lösung und Umfang

Modellkatalog

Der Katalog basiert auf fünf Hauptkategorien: Grabmodelle, Grabsteinmodelle, Grabzubehör, Grabbepflanzung und Erdauffüllung. Die Unterkategorien folgen der Sprache der Kunden: Einzel- und Doppelgräber aus Marmor oder Granit, mehrstöckige Sarkophaggräber, Säulengräber und Sonderanfertigungen; Grabsteine aus Marmor, Granit und mit Säulen; Vasen, Säulen und Schmuckelemente. Die Produktgalerie auf der Startseite kombiniert Kategoriefilter mit einer Sofortsuche, und jedes Modell öffnet sich auf einer eigenen Detailseite mit eigener URL.

Produktdetailseite

Die Detailseite zeigt mehr als ein Foto und einen Preis. Titelbild und Galerie, technische Angaben gegliedert nach Abmessungen, Material und Leistung, modellspezifische FAQ und Kundenbewertungen stehen auf derselben Seite. Jedes Produkt hat eigenen Meta-Titel und eigene Meta-Beschreibung; ähnliche Modelle werden am Seitenende aufgeführt.

Leistungsseiten

Grabbepflanzung und Erdauffüllung sind nicht als Produkte, sondern als Leistungen modelliert. Für die Bepflanzung werden Fläche, Dauer, Pflegeintervall und Saison erfasst, für die Erdauffüllung Bodenart, Schichtstärke und eingesetztes Gerät; bei beiden stehen Garantie und Leistungsumfang in eigenen Feldern. So können Besucher die Leistungen direkt vergleichen. Preisliste, Zubehör, Über uns, Mission und Vision, Qualitätspolitik und FAQ werden aus derselben Struktur gespeist.

Istanbuler Friedhofsverzeichnis

Das markanteste Element der Website ist das Friedhofsverzeichnis. Die Friedhöfe sind nach Regionen der asiatischen und europäischen Seite gruppiert und lassen sich nach Bezirk und Typ filtern; jeder Eintrag enthält Adresse, Telefon, Öffnungszeiten, Anfahrt und Barrierefreiheit. Über die Koordinaten öffnet ein Klick den Standort in Google Maps. Der Bereich hilft Familien ganz konkret und verschafft der Website dauerhaft nützliche Inhalte für die lokale Suche.

Vertrauen und Kontaktweg

Aktuelle Arbeiten werden in einer eigenen Galerie mit Ort, Material und Jahr gezeigt. Kunden können Bewertungen auf der Website abgeben, die erst nach Freigabe durch den Administrator erscheinen. Kampagnen und Ankündigungen werden auf der Startseite hervorgehoben; saisonale Seiten wie die Ramadan-Kampagne entstehen als individuelle Seiten im Panel. Ein schwebender Anruf-Button ist auf jedem Bildschirm sichtbar, und die Kontaktseite bündelt Telefon, WhatsApp und Formular.

Admin-Panel

Das Dashboard zeigt auf einen Blick die Anzahl von Produkten, Kategorien, Unterkategorien, Benutzern, Seiten, Leistungen, Kontaktanfragen, Slidern, Zubehör, Kampagnen, Ankündigungen und Bewertungen; jede Karte führt direkt zur jeweiligen Verwaltung. Das Produktformular ist in Abschnitte gegliedert: Grunddaten, Titelbild, Galerie, technische Angaben, FAQ, Bewertungen und SEO. Auch Friedhöfe, aktuelle Arbeiten, Infokarten, Menüs und individuelle Seiten werden im Panel gepflegt.

Die Website-Einstellungen sind in Registerkarten aufgeteilt: Allgemeines, Kontakt und WhatsApp-Link, SMTP-E-Mail, Speicher, seitenbezogene SEO-Texte und strukturierte Daten als JSON-LD. Kontaktanfragen werden mit den Status neu, in Bearbeitung und abgeschlossen sowie einer internen Notiz verfolgt. Datenbanksicherungen lassen sich aus dem Panel exportieren, Sicherungspunkte auf dem Server anlegen und wiederherstellen.

Technische Architektur

• Frontend: Single-Page-Anwendung mit React, TypeScript und Vite; React Router, Redux Toolkit und RTK Query für die Datenschicht, Shadcn-UI/Radix-Komponenten und Tailwind CSS für die Oberfläche, React Hook Form für die Validierung.
• API: Fastify auf Bun; jedes Modul definiert öffentliche und Admin-Routen getrennt, Eingaben werden mit Zod validiert, Admin-Endpunkte sind über JWT-Sitzungen und Rollenprüfung geschützt.
• Datenmodell: MySQL mit Drizzle ORM; Produkte, Unterkategorien, Produktspezifikationen, Produkt-FAQ und -Bewertungen, Leistungen, Friedhöfe, aktuelle Arbeiten, Kampagnen, Ankündigungen, Slider, individuelle Seiten und Website-Einstellungen liegen in eigenen Tabellen. Schema und Startinhalte werden über versionierte SQL-Seed-Dateien aufgebaut.
• SEO: Seitentitel und Beschreibungen kommen aus den Website-Einstellungen, LocalBusiness-JSON-LD wird dynamisch eingefügt, Canonical-Tags, Sitemap und robots.txt sind vorhanden.
• Performance: kritisches CSS direkt in der Seite, eine optimierte Bildkomponente und Skeleton-Loader, Animationen, die die Einstellung für reduzierte Bewegung respektieren.

Integrationen

• Medien: Bilder werden über Cloudinary ausgeliefert; der Speichertreiber lässt sich im Panel auf lokale Ablage umstellen.
• E-Mail: Das Kontaktformular benachrichtigt per Nodemailer die im Panel hinterlegten Adressen; die SMTP-Einstellungen liegen im Panel, nicht im Code. Eine einfache Bot-Falle schützt das Formular.
• Karten und Messaging: Google-Maps-Links für Friedhofsstandorte, WhatsApp-Link für die Kontaktaufnahme.
• Anzeigenmessung: Das Google-Ads-Tag ist auf die Single-Page-Architektur abgestimmt, die Search-Console-Verifizierung ist eingerichtet.

Ergebnis und heute

mezarisim.com ist live. Der Betrieb pflegt neue Modelle, Preise, Kampagnen und SEO-Texte selbst im Panel, und Kontaktanfragen laufen mit Statusverfolgung auf einem Bildschirm zusammen. Die Kombination aus Katalog, Leistungsvergleich und Istanbuler Friedhofsverzeichnis hat die Website von einer einfachen Galerie zu einer Anlaufstelle gemacht, die Familien bei ihrer Entscheidung unterstützt.