Dopdolar — Premium Dijital Platform UI/UX Tasarımı & Core Web Vitals

Platformun Doğuşu ve Vizyon

Dopdolar; kullanıcılarına anlık piyasa verileri, döviz/emtia hesaplama araçları ve premium dijital ürünler sunan yüksek hızlı bir web platformudur. Projenin ana gayesi; kullanıcıların en hızlı şekilde finansal hesaplamalarını yapabilmesini sağlarken, estetik açıdan Wall Street kalitesinde minimalist ve prestijli bir görsel deneyim sunmaktı.

Finansal sitelerde hız sadece bir tercih değil, doğrudan güven ve kalıcılık göstergesidir. Yavaş yüklenen veya kullanıcı veri girdiğinde kasan arayüzler hemen terk edilir. Bu nedenle Dopdolar'da performans en temel tasarım unsuru olarak ele alındı.

Karşılaşılan Teknik Meydan Okumalar

Projenin mimari tasarımında çözülen kritik problemler:

• Sıfır Düzen Kayması (Cumulative Layout Shift - CLS = 0): Finansal tablolar dinamik olarak veri çekerken ekranda en ufak bir zıplama veya kayma yaşanmaması sağlandı.
• Yüksek Sayıda Anlık Ziyaretçi: Ani piyasa hareketlerinde siteye hücum eden on binlerce kullanıcının sunucuyu çökertmemesi için tamamen statik ön-işlenmiş (pre-rendered) hafif bir altyapı kuruldu.
• Tipografik Zarafet: Sayıların, tabloların ve grafiklerin hem mobilde hem masaüstünde kusursuz okunabilirliği sağlandı.

Geliştirme Metodolojisi & Sıfır Bloat Yaklaşımı

Standart kütüphanelerin (React, Vue, jQuery) getirdiği kilobaytlarca ağırlığı reddederek saf Vanilla mimariyi tercih ettik:

1. Modern CSS Grid & Flexbox Düzeni: Harici CSS kütüphanelerine ihtiyaç duyulmadan, tarayıcının yerel hesaplama motorunu kullanan yüksek performanslı düzenler.
2. Mikro Etkileşimler & Geri Bildirim: Kullanıcı veri girişi yaptığında anında tepki veren, 60 FPS akıcılıkta çalışan mikro animasyonlar.
3. Semantik HTML & Veri İşaretleme: Finansal hesaplama araçlarının arama motorlarında "rich snippet" ve "featured snippet" formatında görünmesini sağlayan Schema.org veri yapıları.

Büyüme Göstergeleri ve Sonuçlar

Yayına alınmanın ardından geçen dönemde sağlanan başarılar: