TEFA Makine Kurumsal Web Sitesi ve İki Dilli Makine Kataloğu

Hero'nun altındaki altı metrik kartı, kataloğun ilk sayfasındaki dört özet alanı ile teknik tablodan kural tabanlı seçilen iki alanın birleşimidir. Değerler, birimler ve aralıklar kaynaktaki hâliyle korunur; birim dönüştürme yapılmaz.

• Üretim kapasitesi, bordür/biye genişliği, dikiş adımı, dikiş sistemi ve kontrol sistemi kartları

• "Öne çıkan özellikler" bloğu katalogdaki madde listesinden ikonlu kartlara dönüşür

• Çalışma videosu alanı yalnız doğrulanmış YouTube/Vimeo bağlantısı kabul eder; bağlantı yoksa dürüst bir bilgilendirme gösterir

Teknik bölüm, kaynak kataloğun bölüm başlıklarından (Performans, Otomasyon, Dikiş veya Kesim Sistemi, Uygulama, Elektrik & Pnömatik, Ölçüler & Ağırlık) otomatik gruplanır. Sekmeler klavyeyle de gezilebilir; her grup kendi ikonunu ve sırasını taşır.

• Ortada teknik çizimin ilk sayfasından üretilen önizleme; tıklanınca büyüyen modal ve PDF indirme düğmesi

• Sağda "Standart Donanım" ve "Opsiyonel Donanım" listeleri, teknik alanların donanım durumundan otomatik türetilir

• Kesim makinesi olan modelde "Dikiş Sistemi" yerine "Kesim Sistemi" sekmesi görünür; şablon veriye uyar

Sayfanın alt kısmında ürün galerisi, teklif çağrısı bandı ve tüm sitenin altbilgisi yer alır. Altbilgi; seriler, çözümler, kurumsal sayfalar ve iletişim bilgilerini panelden yönetilen ayarlardan çeker.

• Galeri kareleri modal içinde büyür; klavye ile ileri-geri gezilir, Escape ile kapanır ve odak geri döner

• Sosyal medya bağlantıları kaynakta bulunmadığı için üretilmedi; panelden girildiğinde otomatik görünür

• Altbilgide "Tasarım ve yazılım" künyesi ve aywebyazilim logosu

"Tüm Makineler" sayfası 15 modeli kart düzeninde listeler. Her kartta seri, model, başlık ve kataloğun iki temel metriği bulunur; kartlar kendi detay sayfasına açılır.

• Seri ve uygulama alanına göre filtre, model koduna veya ürün adına göre arama

• Fotoğrafı olmayan modellerde yer tutucu; fotoğraf panelden yüklenince kart otomatik güncellenir

• Görseller loading="lazy" ile ertelenir; liste sayfası hafif kalır

Her serinin kendi sayfası vardır; menüdeki açılır listeden ve altbilgiden erişilir. Veri paketinde bulunan fakat referans tasarımın menüsünde yer almayan DUMA serisi de aynı tasarım diliyle eklendi.

• Seri açıklaması ve o seriye bağlı modellerin kartları

• Kartlardaki metrikler modele göre değişir: bazı makinelerde üretim kapasitesi, bazılarında dikiş hızı ve iğne yapısı

• Seri, panelden eklenip düzenlenebilir; yeni seri açıldığında menü ve altbilgi otomatik güncellenir

15 makinenin tamamı, ana sayfayla aynı bileşenlerden oluşan tek şablonu kullanır. Bu, tasarımın her modelde tutarlı kalmasını ve panelde yapılan bir değişikliğin anında yayına yansımasını sağlar.

• Ekmek kırıntısı gezinmesi (TEFA / Ürünler / Seri / Model) ve BreadcrumbList yapılandırılmış verisi

• Üretime genel bakış metrikleri, öne çıkan özellikler ve video alanı her modelin kendi verisiyle dolar

• Taslak veya çöpe taşınmış ürün ziyaretçiye 404 döner; aynı sayfa yönetici için önizleme olarak açılır

Detay sayfasının devamında teknik sekmeler, makinenin kendi çizimi, uzun ürün açıklaması ve ürünün bağlı olduğu çözüm grupları yer alır. Her ürün yalnız kendisine sağlanan PDF ile ilişkilidir; aynı olduğu tespit edilen çizimler tek dosya olarak saklanıp ürün bazında ayrı teyit durumu tutulur.

• Çizim önizlemeleri PDF'lerin ilk sayfasından otomatik üretilir

• Uzun açıklama katalogdaki tam metindir; iki dilde ayrı saklanır

• "İlgili ürünler" yalnız yayında olan modelleri listeler

Ziyaretçi makine adı bilmeden de ihtiyacından yola çıkabilsin diye dört çözüm grubu tanımlandı: yatak üretimi, bordür üretimi, kapitoneli (quilting) malzeme uygulamaları ve özel çözümler. Her grup kendi sayfasında ilgili modelleri listeler.

• Ürün-çözüm ilişkisi panelden yönetilir; bir model birden fazla grupta yer alabilir

• Kart üzerinde grup açıklaması ve gruptaki model sayısı

• Kaynakta bağımsız bir kapitone makinesi olmadığı, sayfada açıkça belirtilir

Kurumsal sayfalar panelden düzenlenebilen iki dilli içerik bloklarından oluşur. Elde firma tanıtım metni bulunmadığı için hakkımızda sayfası yalnız kataloglarda geçen bilgilere dayanır ve bunu okuyucuya açıkça söyler.

• Hakkımızda, Kalite ve Kariyer sayfaları yayında; Gizlilik ve Aydınlatma metinleri firma onayına kadar taslak durumunda (ziyaretçiye 404)

• Referanslar sayfası ve altyapısı hazır; teyitsiz marka adları yayımlanmadı, izinli referanslar panelden eklenir

• Her sayfa için ayrı SEO başlığı ve açıklaması

Dokümanlar sayfası her makine için üç indirme sunar: teknik çizim PDF'i ve sistemin ürün verisinden anlık ürettiği Türkçe ve İngilizce ürün föyü. Elde katalog PDF'i olmadığından föyler veritabanından oluşturulur; panelde yapılan her düzeltme bir sonraki indirmeye yansır.

• Ürün föyü: model, seri, özet, metrikler, teknik tablo ve donanım listeleri; altbilgide firma künyesi

• İndirmeler kontrollü depolamadan sunulur; kaynak Excel ve arşiv dosyaları web kökünün dışında kalır

• Ürüne göre filtre ve model araması

Teklif formu ve iletişim formu aynı bileşeni paylaşır. Teklif formunda ziyaretçi ilgilendiği makineyi listeden seçer; ürün sayfasından gelindiğinde model önceden seçili gelir.

• Sunucu tarafı doğrulama, yalnız yayındaki ürünlerin seçilebilmesi ve zorunlu aydınlatma onayı

• Gizli honeypot alanı ve dakika başına istek sınırı ile bot koruması

• Talep veritabanına kaydedilir; ham IP saklanmaz, yalnız özet (hash) tutulur

• Bildirim e-postası yapılandırılabilir; SMTP tanımlı değilse kayıt yine güvenle alınır

Site iki ayrı dil ağacında yayınlanır: /tr/… ve /en/…. Yol parçaları çevrilir (makineler / machines, teklif-al / request-quote), ürün slug'ı iki dilde aynı kalır; böylece dil değiştirildiğinde ziyaretçi aynı ürünün diğer dildeki sayfasına gider.

• Her sayfada karşı dile hreflang bağlantısı ve x-default

• Menü, altbilgi, form etiketleri ve hata sayfaları dil dosyalarından; ürün metinleri veritabanından iki dilli

• Kaynak hücrelerinde iç içe geçmiş TR/EN satırları içe aktarma sırasında ayrıştırıldı, istisnalar tek tek elle doğrulandı

Tasarım masaüstü referansından türetildi fakat 360 px genişliğe kadar yatay taşma olmadan çalışır. Kırılma noktaları arayüz ölçeğiyle birlikte yeniden hesaplandı; yaygın dizüstü ekranları masaüstü düzenini, tabletler okunur ara düzeni alır.

• Mobilde hero görseli üstte, model adı ve çağrılar altta tek sütun

• Menü hamburger düğmesine katlanır; dil geçişi menü içinde kalır

• Teknik sekmeler ve galeri modalı dokunmatik ekranda da çalışır

Panel, aynı uygulamanın /admin altındaki korumalı bölümüdür. Genel kayıt kapalıdır; yönetici hesapları yalnız sunucu komutuyla açılır. Özet ekranı ürün, seri ve çözüm sayılarıyla yeni talepleri ve son etkinlikleri gösterir.

• Yayında / taslak / çöp ürün sayıları ve yeni talep sayacı

• Son talepler listesi ve değişiklik kaydından son etkinlikler

• Yalnız admin rolü ve aktif hesaplar girebilir; yetkisiz erişim girişe yönlenir

Ürün listesi arama, seri ve durum filtreleriyle çalışır. Her satırdan düzenleme, ziyaretçi görünümünde önizleme, yayım durumu değiştirme ve çöpe taşıma yapılır.

• Çöpe taşıma kalıcı silme değildir; teknik alanlar, belgeler ve gelen talepler korunur, "Geri Al" ile döner

• Slug değiştirildiğinde eski adresten yenisine 301 yönlendirme otomatik kurulur

• Her işlem (ekleme, düzenleme, durum, çöp, geri alma) değişiklik kaydına yazılır

Ürün formu seri, model, slug, sıra ve öne çıkarma seçeneğiyle başlar; metin alanları Türkçe ve İngilizce sekmelerinde yan yana durur. Türkçe başlık zorunludur, İngilizce karşılığı aynı kayıtta saklanır.

• Başlık, kısa özet, uzun açıklama, SEO başlığı ve SEO açıklaması her dil için ayrı

• Yeni ürün önce taslak açılır; önizleme bağlantısıyla yayımlamadan kontrol edilir

• Aynı formda medya bölümü: fotoğraf, teknik çizim, katalog yükleme ve video bağlantısı; dosya türü ve boyut sınırları sunucuda doğrulanır

Ürünün teknik tablosu panelde grup grup düzenlenir. Her satırda TR/EN etiket ve değer, birim, donanım durumu (standart / opsiyonel / talebe göre / ayarlanabilir) ve sıra numarası bulunur.

• Elle düzenlenen satır "kilitli" işaretlenir; kaynak Excel'den yeniden içe aktarma yapılsa bile yöneticinin yazdığı değer ezilmez

• Donanım durumu, ürün sayfasındaki standart ve opsiyonel donanım listelerini otomatik besler

• Yukarı/aşağı düğmeleriyle sıralama; yeni alan aynı ekrandan eklenir

Siteden gelen teklif ve iletişim başvuruları panelde tarih, tür, ad, ilgili ürün ve durum bilgisiyle listelenir. Ad, e-posta veya firma ile arama; durum, tür ve tarih aralığı filtreleri vardır.

• Talep detayında tüm form alanları, mesaj ve seçilen makine

• Durum akışı: Yeni → İşlemde → Tamamlandı (veya spam); yönetici notu alanı

• "Test kaydı" işareti ile deneme başvuruları gerçek taleplerden ayrılır

Görüntüdeki talepler ve kişi/firma adları kurgudur; gerçek başvuru içermez.