
Proje özeti
Endüstriyel bir firmada web sitesi; ürün gamını, üretim yetkinliğini ve kurumsal güvenilirliği aynı anda anlatabilmeli. Çağ Çelik için, çelik sektöründeki varlığını dijitalde sağlam bir şekilde temsil eden kurumsal bir web sitesi tasarlayıp geliştirdik.
Neler geliştirdik
- Kurumsal yapı: firmayı, değerlerini ve çalışma anlayışını tanıtan sayfalar.
- Ürün grupları: ürünleri kategorilere ayıran ve teknik bilgiye kolay erişim sağlayan bir katalog düzeni.
- İletişim ve talep: ziyaretçinin firmaya hızla ulaşabileceği açık yönlendirmeler.
- İki dilli yapı: Türkçe ve İngilizce içeriklerin aynı panelden yönetildiği dil altyapısı.
- Teklif talebi: ürün grubuna göre talep toplayan ve ilgili ekibe ileten form.
- İçerik yönetimi: sayfaların, görsellerin ve metinlerin yazılım bilgisi gerektirmeden panelden güncellenmesi.
Çeliğin dayanıklılığını ve endüstriyel karakterini yansıtan, net çizgilere ve güçlü bir tipografiye dayanan bir görsel dil oluşturduk. Teknik içeriği düzenli bloklar halinde sunarak hem sektör profesyonellerinin hem de yeni ziyaretçilerin aradığını kolayca bulmasını hedefledik.
Nasıl çalıştık
Çağ Çelik için önce içerik yapısını ve sayfa hiyerarşisini çıkardık. Tasarımı Figma'da ana sayfadan başlayarak tüm sayfa şablonlarına yaydık. Onaylanan tasarımı bileşen bileşen koda döktük, içerikleri girdik ve siteyi farklı ekran boyutlarında ve tarayıcılarda test ederek yayına aldık.
Teknik altyapı
Siteyi React ve Next.js ile geliştirdik; TypeScript kodun güvenilirliğini, Tailwind CSS arayüzün tutarlılığını sağlıyor. İçerik, Node.js ve MySQL üzerinde çalışan bir yönetim panelinden güncelleniyor. Sayfalar sunucu tarafında oluşturulduğu için site hızlı açılıyor ve arama motorlarında doğru şekilde dizinleniyor.
Sonuç
Çağ Çelik, sektördeki duruşunu güven veren ve profesyonel bir dijital yüzle sunan, ürünlerini anlaşılır biçimde tanıtan bir kurumsal web sitesine kavuştu.
Kullanılan teknolojiler
- React
- Next.js
- TypeScript
- Tailwind CSS
- Node.js
- MySQL
- Figma


