Teknoloji şirketinin uzmanlık alanlarını anlatan site

Brief

Ankara merkezli Payes Teknoloji; telekom ve ağ altyapısı, kamu ve büyük kurumlar için ulusal yazılım sistemleri, siber güvenlik ve yapay zekâ, kurumsal yazılım ve büyük veri alanlarında çalışıyor. Şirketin Türkçe ve İngilizce bir kurumsal sitesi, bu alanları anlatan çözüm sayfaları ve açık pozisyonların yayınlandığı bir kariyer bölümü gerekiyordu. Tasarım Figma'da hazır olarak geldi; bizden beklenen, bu tasarımı eksiksiz ve hızlı çalışan bir siteye çevirmek ve içeriğin şirket tarafından güncellenebilmesini sağlamaktı.

Ne yaptık

Figma tasarımını birebir koda döktük. Ana sayfada GSAP ile hareketlendirilmiş bir tanıtım slaytı ve çözüm kartları var. Kurumsal, Çözümler ve çözüm detayları, Teknoloji ve Ekosistem, Kariyer ve ilan detayları, harita gömülü İletişim sayfası ile yasal metin sayfaları siteyi tamamlıyor. Her sayfanın Türkçe ve İngilizce sürümü var.

İçerik, kendi geliştirdiğimiz başsız (headless) içerik yönetim sistemine bağlı. Site içeriği bir ara katman üzerinden bu sistemden çekiyor; metinler, çözüm sayfaları, kariyer ilanları, yasal metinler, anketler ve kaynak dosyaları buradan yönetiliyor. Formlar doğrulama (captcha) ile korunuyor. Yeni bir ilan açmak ya da bir çözüm metnini değiştirmek için kod değişikliği gerekmiyor; Payes ekibi içeriği kendi takvimine göre güncelliyor.

Öne çıkanlar

• Nuxt 4, Vue 3 ve Tailwind CSS 4 ile geliştirildi; sayfalar sunucuda oluşturuluyor.
• İçerik sistemi blok tabanlı: editör sayfayı hazır bloklarla kuruyor, site bunları tasarıma uygun bileşenlerle çiziyor.
• Çok dilli yapı @nuxtjs/i18n ile kuruldu; her sayfanın dil karşılığı ve arama motoru etiketleri tanımlı.
• Site ve içerik sistemi Docker imajı olarak paketlendi; etiket tabanlı test ve canlı yayın hatları var. Her sürüm önce test adresinde görülüyor, onaydan sonra canlıya çıkıyor.
• Canlı adres: payesteknoloji.com.