Use Case: Sigortacılık Sektöründe React Dönüşümü – Kurumsal Web ve Mobil Uygulamalarda Modernizasyon Hikayesi

Proje Arka Planı

Sigortacılık sektöründe faaliyet gösteren ve geniş bayi ağına sahip olan müşterimiz, zaman içinde geliştirdiği çeşitli web portallar ve mobil uygulamalarla hem iç süreçlerini hem de müşteri iletişimini dijitalleştirmişti. Ancak farklı teknolojilerle geliştirilmiş uygulamaların bakım maliyetleri artmış, kullanıcı deneyimleri tutarsız hale gelmişti. Aynı zamanda içerideki yazılım ekibinin bu yapıları sürdürülebilir şekilde yönetebilmesi zorlaşıyordu.

Kurumsal yazılım mimarisini modernize etme hedefiyle yola çıkan firma, tüm dijital kanallarını güncel, sürdürülebilir ve ölçeklenebilir bir yapıya taşımak istedi. Bu noktada, çözüm ortağı olarak sürece dahil olduk.

Hedefler

Mevcut mobil ve web uygulamalarının tek bir teknoloji çatısı altında yeniden geliştirilmesi
Kullanıcı deneyiminin modern web ve mobil standartlarına yükseltilmesi
İç yazılım ekibinin React ekosistemine geçiş sürecinin desteklenmesi
Kod bazının sadeleştirilmesi ve yeniden kullanılabilir bileşen mimarisinin oluşturulması

Süreç ve Yaklaşım

İlk adım olarak, müşterimizin iç yazılım ekibiyle yakın bir çalışma başlattık. React ve React Native’e geçişin sağlıklı şekilde gerçekleşmesi için 8 haftalık bir teknik eğitim programı oluşturduk. Bu programda:

React’in temel ve ileri seviye özellikleri (Hooks, Context API, Component Lifecycle vs.)
React Native ile mobil geliştirme prensipleri
Ortak bileşen mimarisi ve reusable component yapıları
Webpack, Babel, ESLint gibi yapılandırma araçları
Test süreçleri (Jest, React Testing Library)
Performans optimizasyonları ve bundle yönetimi

gibi konularda hem teorik hem de pratik içeriklerle eğitimler verdik. Eğitimler sırasında gerçek kod örnekleri üzerinden ilerleyerek, uygulamalı oturumlarla ekiplerin aktif olarak projeye dahil olmalarını sağladık.

Geliştirme Aşaması

Eğitim süreciyle eş zamanlı olarak, mevcut sistemlerin analizini yaparak yeniden geliştirme sürecini başlattık. Tüm web portallarını ReactJS ile sıfırdan yapılandırdık. Uygulamalar, Atomic Design prensipleriyle modüler hale getirildi. Ortak kullanılan arayüz elemanları için bir component library oluşturduk ve bu kütüphane hem mobil hem web uygulamalarında tekrar kullanılacak şekilde tasarlandı.

Mobil uygulamalar için ise React Native tercih edildi. Uygulamanın iOS ve Android versiyonları için ortak bir kod tabanı kullanarak, geliştirme ve bakım maliyetlerini önemli ölçüde düşürdük.

Backend sistemlerle haberleşen RESTful API’ler için özel hook’lar geliştirildi ve bu sayede data-fetching süreçleri sadeleştirildi. Uygulama içinde:

Redux Toolkit ile global state yönetimi
React Navigation ile dinamik routing
Axios + Interceptor mimarisi ile merkezi hata yönetimi
CodePush ile canlı güncelleme yetenekleri

gibi modern geliştirme pratikleri uygulandı.

Sonuçlar

Proje sonunda, hem web portallar hem de mobil uygulamalar modern bir kullanıcı deneyimi sunar hale geldi. Kullanıcı arayüzleri sade, hızlı ve tutarlı bir yapıya kavuştu. İç ekip, artık uygulamaları React ekosistemiyle sürdürebilir hale geldi. Yeni geliştirilecek modüller için ortak component yapısı sayesinde geliştirme süresi %30 oranında kısaldı.

Bu proje sayesinde, müşterimiz hem dijital varlıklarını geleceğe hazırladı hem de kendi teknik kapasitesini güçlendirdi. Bizim içinse bu, yalnızca bir dönüşüm projesi değil; aynı zamanda güçlü bir iş ortaklığının, sürdürülebilir teknoloji stratejisinin ve birlikte öğrenmenin güzel bir örneği oldu.