Telematic.Pro'ya kuzey ışıkları arayüzü ve yeni bir ödeme sayfası geldi

Telematic.Pro'nun neden sıfırdan yeniden yazıldığını geçen gün anlatmıştık. Ürün gelişmeye devam ediyor ve bu son güncelleme tamamen görsel: arayüz, hızından hiçbir şey kaybetmeden belirgin biçimde zenginleşti.

Aurora tasarım katmanı

Site eskiden ızgaralı koyu bir arka plana dayanıyordu. Artık arkasında tam teşekküllü bir kuzey ışığı yaşıyor:

Açık tema kendi paletine sahip — Pearl: düz beyaz bir arka plan yerine pastel bir gökyüzü ve pembe-şeftali bir geçiş.

Güzel, ama hızlı

Zengin grafikler bir siteyi kolayca ağırlaştırabilir. Bu yüzden Aurora iki modda çalışır. Herkese açık sitede arka plan tüm görkemiyle gösterilir; uygulamanın içinde ise işinizden hiçbir şey dikkatinizi dağıtmasın diye daha sakin bir sürüme geçer. Güç tasarrufu modu bitmeyen animasyonları durdurur, cam bulanıklığı yalnızca güçlü cihazlarda devreye girer ve sistemin "hareketi azalt" ayarı animasyonları tamamen kapatır. Kart ve panel saydamlığı her modda aynı kalır; böylece arayüz her zaman tutarlı hisseder.

Tutarlı form denetimleri

Tarayıcının yerel açılır listeleri, onay kutuları ve kaydırıcıları her tarayıcıda farklı görünür. Bunların yerine tüm ayarlarda, video düzenleyicide, yönetim panelinde ve modal pencerelerde ürünün tarzına uygun kendi bileşenlerimizi kullandık. Telefonlarda düğmeler ve alanlar artık daha büyük; parmakla kolayca dokunulabiliyor.

Yeni bakiye yükleme sayfası

Yükleme penceresi baştan tasarlandı: her jeton paketinin yanında onunla neler yapabileceğinize dair bir ipucu var, toplam altta gösteriliyor, yalnızca gerçekten kullanılabilir ödeme yöntemleri görünüyor ve bir güven bloğu ile kullanım koşullarına bir bağlantı eklendi. Kullanıcılar ödeme yapmadan önce neye para verdiklerini tam olarak biliyor.

Hesaplayıcıda bir Easter egg

Fiyatlandırma sayfasında, bir kanalı elle yürütmenin maliyetini Telematic ile yürütmenin maliyetiyle karşılaştıran bir ROI hesaplayıcısı var. Personel saat ücretini 0 olarak girmeyi deneyin — hesaplayıcı yanıp sönen uyarı şeritleri ve bir radarla birlikte alarm verecek: "Uyarı: köle emeği tespit edildi."

Her dilde taze ekran görüntüleri

Açılış sayfasındaki ürün ekran görüntüleri artık demo hesaplarından otomatik olarak alınıyor ve 7 dilin tamamında, her iki temada mevcut; böylece ziyaretçiler arayüzü kendi dillerinde görüyor. Bu arada, çok uzun makalelerin Feed API tarafından reddedilmesine yol açan bir hatayı da düzelttik.

Rakamlarla

Tasarım katmanı için 4 commit, 137 dosya ve yaklaşık 880 satır yeni CSS.

Güncellenmiş hizmeti telematic.pro adresinde deneyebilirsiniz; tam vaka çalışması ise portföyümüzde.

Ürününüzün de aynı derecede etkileyici görünmesini ve aynı hızda kalmasını ister misiniz? Projenizi bize anlatın.