Birlik Çelik Konstrüksiyon | Kurumsal Web Projesi

Teknik Analiz

Birlik Çelik Konstrüksiyon ve Kenet Çatı Sistemleri için geliştirilen bu proje, firmanın endüstriyel yapı sektöründeki kurumsal kimliğini dijital ortamda güçlü ve güvenilir biçimde temsil etmek amacıyla hayata geçirildi.

Projenin başlangıç hedefi yalnızca görsel açıdan etkileyici bir tanıtım sitesi hazırlamak değildi. Firmanın gelecekte hizmetlerini, projelerini, görsellerini ve iletişim bilgilerini yönetebileceği; güvenli, ölçeklenebilir ve sürdürülebilir bir dijital platform oluşturulması hedeflendi.

Bu nedenle proje, ilk günden itibaren bağımsız fazlara ayrılmış bir ürün geliştirme yaklaşımıyla ele alındı.

Ele Alınan Temel İhtiyaçlar

Firma için hazırlanacak web sitesinin şu ihtiyaçlara cevap vermesi gerekiyordu:

Çelik konstrüksiyon ve çatı sistemleri sektörüne uygun güçlü bir kurumsal görünüm
Mobil, tablet ve geniş ekranlarda tutarlı kullanıcı deneyimi
Teklif ve keşif taleplerini destekleyen iletişim altyapısı
Firma bilgilerinin merkezî olarak yönetilmesi
Görsel ve slider içeriklerinin yönetici panelinden güncellenebilmesi
Veritabanı geçici olarak erişilemez olsa dahi public sitenin çalışmaya devam etmesi
SEO, güvenlik, erişilebilirlik ve performans kriterlerinin birlikte ele alınması
Gerçek firma verileri geldikçe yeni içerik modüllerinin eklenebilmesi

Tasarım Yaklaşımı

Görsel kimlikte firmanın logosunda bulunan lacivert, mavi, çelik grisi ve beyaz renkler esas alındı. Tasarım dili; ağır sanayi görünümüne saplanmadan sağlamlık, mühendislik ve güven kavramlarını yansıtan modern bir yapıda oluşturuldu.

Ana sayfada güçlü bir hero slider, firma yaklaşımı, hizmet alanları, proje vitrini, çalışma süreci, sektörel çözümler, iş güvenliği, teklif çağrısı ve iletişim bölümleri hazırlandı.

Geniş ekranlarda hero görsellerinin kırpılmasını önlemek amacıyla 1440 piksel üzerindeki ekranlarda merkezî ve kontrollü bir görsel sahnesi oluşturuldu. Mobil ve standart masaüstü ekranlarda ise mevcut tam genişlik davranışı korundu.

Public header, sayfanın başından itibaren sabit kalacak şekilde geliştirildi. Yarı saydam yüzey, kontrollü bulanıklık ve doygunluk değerleriyle buzlu cam etkisi oluşturuldu. Scroll sırasında header daha kompakt hâle gelirken hiçbir zaman kullanıcıdan gizlenmiyor.

Kullanıcı Deneyimi

Site, 320 piksel mobil ekranlardan 1920 piksel geniş masaüstü ekranlara kadar test edildi.

Navigasyon, mobil menü, slider kontrolleri, sayfa içi bağlantılar ve iletişim aksiyonları klavye ve dokunmatik cihaz kullanımına uygun şekilde hazırlandı.

Ana sayfaya ayrıca firmanın saha kimliğini destekleyen kısa bir karşılama videosu eklendi. Video sessiz olarak otomatik oynuyor, oturum başına bir kez gösteriliyor ve tamamlandığında kendiliğinden kapanıyor. Kullanıcı videoyu kapatma düğmesiyle veya Escape tuşuyla da kapatabiliyor.

Güvenli İletişim Altyapısı

İletişim formu yalnızca görsel bir form olarak bırakılmadı. Server-side doğrulama, anti-forgery koruması, nullable honeypot alanı, zaman damgalı Data Protection tokenı, minimum form tamamlama süresi, tek kullanımlık token kontrolü ve IP tabanlı rate limiting eklendi.

Development ortamında form gönderimleri gerçek SMTP gerektirmeden güvenli .eml dosyalarıyla test edilebiliyor.

Production ortamında ise resmî unvan, hukuk incelemesi, uluslararası veri aktarımı değerlendirmesi ve SMTP ayarları tamamlanmadan form otomatik olarak aktif olmuyor.

İletişim Formu Aydınlatma Metni, Gizlilik Politikası ve Çerez Politikası için ayrı public sayfalar oluşturuldu. Aydınlatma metni ile açık rıza birbirine karıştırılmadı ve gereksiz bir KVKK onay kutusu eklenmedi.

Yönetici Paneli ve Kalıcı Veri Mimarisi

Projenin gelecekte içerik yönetimiyle büyüyeceği öngörüldüğü için ASP.NET Core Identity ve MariaDB tabanlı bir yönetici altyapısı kuruldu.

Yönetici sisteminde:

Public kayıt özelliği bulunmuyor
Guid tabanlı kullanıcı ve rol yapısı kullanılıyor
Administrator yetkilendirme politikası uygulanıyor
Güçlü parola politikası bulunuyor
Başarısız girişlerde hesap kilitleme uygulanıyor
İlk girişte zorunlu parola değiştirme destekleniyor
Güvenli ve kalıcı Data Protection anahtarları kullanılıyor
Yönetici sayfaları önbelleğe ve arama motorlarına kapatılıyor

Firma adı, yasal unvan, telefon, WhatsApp, e-posta, adres, çalışma bilgileri ve sosyal medya bağlantıları yönetici panelinden düzenlenebilecek şekilde yapılandırıldı.

Veritabanında firma profili varsa bu kayıt public sitede öncelikli olarak kullanılıyor. Veritabanı kaydı yoksa sistem appsettings.json içindeki doğrulanmış fallback değerlerine dönüyor.

Medya Kütüphanesi ve Slider Yönetimi

Yönetici paneline güvenli bir medya kütüphanesi eklendi.

Yüklenen görseller yalnızca dosya uzantısına göre kabul edilmiyor. PNG, JPEG ve WebP dosyalarının gerçek binary imzaları, MIME türleri, ölçüleri, piksel sınırları ve animasyon özellikleri kontrol ediliyor.

SVG, GIF, APNG, animasyonlu WebP ve çalıştırılabilir içerikler reddediliyor. Dosyalar web kökü dışında, rastgele oluşturulan depolama anahtarlarıyla saklanıyor.

Medya altyapısında:

Dosya boyutu ve toplam depolama kotası
SHA-256 ile duplicate kontrolü
Path traversal koruması
Soft-delete
Kullanımdaki görselin silinmesini engelleme
ETag ve immutable cache
Kontrollü public medya endpoint’i

bulunuyor.

Hero slider içerikleri yönetici panelinden oluşturulabiliyor, düzenlenebiliyor, sıralanabiliyor ve aktif veya pasif hâle getirilebiliyor. En fazla altı aktif slayta izin veriliyor.

Veritabanında geçerli bir slider içeriği yoksa public site mevcut üç statik slaytı otomatik olarak kullanmaya devam ediyor.

Süreklilik ve Fallback Stratejisi

Projenin önemli mimari kararlarından biri, public sitenin veritabanına tamamen bağımlı bırakılmaması oldu.

Bağlantı dizesinin bulunmaması, migration’ın uygulanmamış olması, veritabanının geçici olarak erişilememesi veya slider kayıtlarının bulunmaması gibi durumlarda site kontrollü fallback içeriklerle çalışmaya devam ediyor.

Bu yaklaşım sayesinde ziyaretçiler teknik altyapıdaki geçici bir sorundan etkilenmeden firmanın web sitesine erişebiliyor.

SEO ve Kurumsal Görünürlük

Projede semantik HTML, doğru başlık hiyerarşisi, canonical URL, meta açıklamalar, Open Graph alanları, sitemap ve robots yapılandırması hazırlandı.

Firma iletişim bilgileri güvenli biçimde Organization JSON-LD verisine bağlandı. Telefon, e-posta ve adres bilgileri header, iletişim alanı, footer ve yapılandırılmış verilerde aynı merkezî kaynaktan kullanılıyor.

Footer alanına ayrıca güvenli harici bağlantı yapısıyla “Designed by Umut Özdemir” tasarım ve geliştirme kredisi eklendi.

Kalite ve Test Süreci

Geliştirme boyunca her faz ayrı regresyon testleriyle güvence altına alındı.

Son sürümde toplam 189 otomatik testin tamamı başarılı olarak sonuçlandı.

Release build sonucu:

0 hata
0 uyarı
189 başarılı test
0 başarısız test
0 atlanan test

Test kapsamı; public sayfalar, responsive davranış, iletişim güvenliği, Identity, firma profili, medya yükleme, slider yönetimi, fallback davranışları, SEO, header, footer ve karşılama videosunu içeriyor.

Sonuç

Birlik Çelik Konstrüksiyon projesi, yalnızca görsel bir kurumsal web sitesi olmaktan çıkarılarak gelecekteki içerik yönetimi ihtiyaçlarını karşılayabilecek modüler bir platforma dönüştürüldü.

Public site mevcut içerikle canlıya alındı. Yönetici paneli, firma profili, medya kütüphanesi ve slider altyapıları hazırlandı. Firma tarafından henüz doğrulanmamış hizmet ve proje içerikleri kalıcı veritabanı kayıtlarına dönüştürülmedi.

Gerçek hizmet listeleri, teknik açıklamalar ve proje görselleri firma tarafından doğrulandığında sistemin hazır içerik altyapısı üzerinden yeni detay sayfaları ve proje galerileri oluşturulabilecek.