Skip to content
Neon Apps
Tera Yatırım’ın portföy ekranı; toplam değer ve araç bazında dağılım, euro ve dolar varlıklarının yanında

Tera Trader

Tera Yatırım'ın mobil yatırım uygulamasını, kullanıcı deneyimini merkeze alarak yeniden tasarladık. Tera Trader'ın iOS ve Android'deki bütün ekranlarını kapsayan, Pro ve Lite olmak üzere iki kullanım seviyesi ile açık ve koyu temayı birlikte taşıyan bir tasarım sistemi kurduk.

01

Kısaca

Tera Trader, Borsa İstanbul'da işlem gören Tera Yatırım'ın mobil yatırım uygulamasıdır. Pay piyasası, VİOP (Vadeli İşlem ve Opsiyon Piyasası), kıymetli madenler ve varantlar gibi farklı yatırım araçlarını kapsar. Kullanıcılarına anlık fiyat takibi, emir iletimi, piyasa haberlerine erişim ve portföy yönetimi gibi özellikler sunar.

Neon Apps olarak uygulamanın UI/UX tasarımını üstlendik. Ana sayfadan takip listelerine, emir ve alarm panellerinden halka arz bölümüne kadar tüm ekranları iOS ve Android için yeniden tasarladık.

Tasarım süreci tamamlandı. Uygulamanın geliştirme çalışmaları Tera Yatırım tarafından sürdürülüyor.

Uygulamanın tanıtım görseli; al ve sat bildirimleri kalabalık bir caddenin üzerinde beliriyor
02

Öncelik piyasa verilerindeydi, kullanıcı deneyimi geri planda kalıyordu

Bir yatırımcı, yatırım uygulamasını açtığında öncelikle kendi portföyünün durumunu görmek ister. Ancak Tera Trader'ın mevcut ana ekranında ısı haritaları ve fiyat tabloları öne çıkarken kullanıcıya özel bilgiler farklı sekmelerin arkasında kalıyordu.

Üstelik ilk yatırım işlemini gerçekleştiren bir kullanıcıyla gün boyunca aktif işlem yapan deneyimli bir yatırımcı, aynı yoğunluktaki ekranlarla karşılaşıyordu.

Buradaki temel sorun sunulan özelliklerin kapsamı değil, kullanıcıların uygulamayla ilk karşılaştıkları andaki deneyimdi.

Emir ekranının üst kısmı: aracın fiyatı, işlem limiti, emir tipi, fiyat ve adet alanları
Aynı ekranın alt kısmı; derinlik tablosu alış ve satış kademelerini emir detayı butonunun üzerinde listeliyor
03

Tasarım kapsamını nasıl belirledik?

Yeniden tasarım sürecine kullanıcıların uygulamayı açtıklarında ilk olarak ne gördüklerini inceleyerek başladık. Ardından piyasa verilerine nasıl ulaştıklarına, takip etmek istedikleri yatırım araçlarını nasıl özelleştirdiklerine ve farklı deneyim seviyelerindeki kullanıcıların ihtiyaçlarına odaklandık.

Yeni ana sayfayı kullanıcıların kendi varlıklarını öncelikli olarak görebileceği şekilde tasarladık. Ayrıca bakiye bilgisini gizleme seçeneği ekledik.

Takip listelerini ise daha kişiselleştirilebilir bir yapıya dönüştürdük. Kullanıcıların listelerine isim ve emoji ekleyebilmesini, yatırım araçlarını varlık türüne göre arayabilmesini ve yurt dışı borsalarda işlem gören semboller de dahil olmak üzere istedikleri varlıkları listelerine ekleyebilmesini hedefledik.

Uygulamanın farklı ekranları; piyasa özeti, teknik görünüm göstergesi, araç detayı, fiyat alarmı ve haber akışı
04

Tek tasarım sistemi, iki farklı deneyim: Pro ve Lite

Pro ve Lite sürümlerini birbirinden bağımsız iki uygulama olarak değil, ortak bir tasarım sistemi üzerine kurulu iki farklı kullanıcı deneyimi olarak ele aldık.

Pro, aktif yatırımcıların ihtiyaç duyduğu detaylı veri ve işlem yoğunluğunu korurken Lite, aynı temel yapıyı daha sade ve az sayıda panelle sunacak şekilde tasarlandı.

Her iki sürüm için de açık ve koyu tema seçenekleri oluşturduk. Ortak tasarım bileşenleri sayesinde yapılan değişikliklerin tüm sürüm ve tema kombinasyonlarına tutarlı biçimde uygulanabilmesini sağladık.

Bununla birlikte yalnızca ideal kullanım senaryolarını değil; boş takip listeleri, kısıtlı erişim, gizlenmiş bakiye, sonuç bulunamayan aramalar ve liste limitine ulaşılması gibi farklı kullanıcı durumlarını da tasarım sürecine dahil ettik.

Sıkça Sorulan Sorular

09Bir projeniz mi var?

Bize Ulaşın

Bir projeniz mi var? Girişimler ve global markalar için dünya standartlarında mobil ve web uygulamaları geliştiriyoruz.

İletişime Geçin