Skip to content
Neon Apps
Tera Yatırım ve Neon Apps logoları lacivert bir zemin üzerinde yan yana.

Vaka çalışması · Tera Yatırım Menkul Değerler A.Ş.

Tera Trader - Tera Yatırım Menkul Değerler A.Ş.

Tera Trader’ı baştan sona yeni bir deneyime taşıdık. Tera Yatırım’ın mobil yatırım uygulamasında arayüzden akışlara kadar her şeyi iOS ve Android için yeniden tasarladık.

Tera Yatırım ve Neon Apps logoları lacivert bir zemin üzerinde yan yana.

Tera Yatırım’ın mobil yatırım uygulaması Tera Trader’ı tek tek ekranlardan bütün akışlara kadar, iOS ve Android için baştan sona yeniden tasarladık. Amacımız, mevcut uygulamanın kapsamlı yatırım araçlarını korurken hem yatırım dünyasına yeni adım atan hem de aktif olarak işlem yapan kullanıcılar için daha modern, anlaşılır ve kişiselleştirilmiş bir deneyim oluşturmaktı. Bu doğrultuda ana sayfadan halka arz bölümüne, takip listelerinden emir ve fiyat alarmı panellerine kadar uygulamadaki bütün ekranları yeniden kurguladık. Pro ve Lite olmak üzere iki farklı kullanım seviyesi için açık ve koyu tema seçeneklerini içeren bütüncül bir tasarım sistemi geliştirdik.

Kısaca

Tera Trader, Borsa İstanbul’da işlem gören Tera Yatırım’ın mobil yatırım uygulamasıdır.

Uygulama; pay piyasası, VİOP vadeli işlem ve opsiyonları, kıymetli madenler ve varantlar gibi farklı yatırım araçlarına erişim sağlıyor. Kullanıcılar anlık fiyatları takip edebiliyor, emir iletebiliyor, piyasa haberlerine ulaşabiliyor ve portföylerini tek bir platform üzerinden yönetebiliyor.

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 uygulamanın tamamını yeniden tasarladık.

Çalışma, iOS ve Android platformlarının yanı sıra Pro ve Lite kullanım seviyelerini ve her iki seviye için açık ve koyu temaları kapsıyor.

Tera Trader, Mart 2023’ten bu yana App Store’da yer alıyor. Yeniden tasarlanan deneyim ise geliştirme aşamasında.

Müşteri

Tera Yatırım Menkul Değerler A.Ş., İstanbul merkezli bir aracı kurumdur. Kullanıcılarına Tera Trader aracılığıyla pay, türev ürünler, kıymetli madenler ve varant işlemlerini mobil ortamda gerçekleştirme imkânı sunuyor.

Proje kapsamında Tera Yatırım; yatırım ürünleri, piyasa verileri, mevzuat gereklilikleri ve uygulamanın geliştirme süreçlerinden sorumlu oldu.

Neon Apps olarak biz ise kullanıcı deneyimi ve arayüz tasarımını üstlendik. iOS ve Android platformlarında, farklı kullanıcı ihtiyaçlarına uyum sağlayan ve geliştirme ekiplerinin doğrudan kullanabileceği kapsamlı bir tasarım sistemi hazırladık.

Neden bu proje?

Bir yatırım uygulaması açıldığında kullanıcıların öncelikli beklentilerinden biri, kendi portföylerinin güncel durumunu hızlıca görebilmektir.

Tera Trader’ın mevcut deneyiminde ise kullanıcıları ilk olarak genel piyasa verileri karşılıyordu. Isı haritaları ve fiyat tabloları, piyasa hareketlerini takip etmek için önemli bilgiler sunsa da kullanıcıların kişisel yatırımlarına ulaşmak için farklı ekranlara geçmesi gerekiyordu.

Üstelik yatırım yapmaya yeni başlayan kullanıcılarla gün içinde yoğun işlem gerçekleştiren deneyimli yatırımcılar aynı arayüzü kullanıyordu. Bu durum, özellikle yeni kullanıcılar için karmaşık bir deneyim yaratabiliyordu.

Tera Yatırım’ın hedefi yalnızca uygulamanın görünümünü yenilemek değildi. Midas gibi yeni nesil yatırım uygulamalarıyla rekabet edebilecek, modern ve kullanıcı odaklı bir deneyim oluşturmak istiyordu.

Mevcut uygulama zaten kapsamlı yatırım araçları ve işlem özellikleri sunuyordu. Bu nedenle odak noktamız yeni özellikler eklemekten çok, mevcut işlevleri daha erişilebilir ve anlaşılır hâle getirmek oldu.

Bu ihtiyaçtan hareketle iki farklı kullanım seviyesi tasarladık: Pro ve Lite. Böylece aktif yatırımcıların ihtiyaç duyduğu detaylı yapıyı korurken, daha sade bir deneyim arayan kullanıcılar için de uygun bir alternatif oluşturduk.

Proje Ekibi

Proje Ekibi

Zorluk

Kapsamlı özellikleri daha anlaşılır bir deneyimde birleştirmek

Tera Trader’ın sunduğu yatırım araçları ve piyasa verileri geniş bir kullanıcı kitlesine hitap ediyordu. Temel zorluk, bu kapsamlı yapıyı farklı deneyim seviyelerindeki yatırımcılar için kolay kullanılabilir hâle getirmekti.

  • 01

    Kullanıcının portföyü yerine piyasa verileriyle açılan ana sayfa

    Mevcut uygulama, kullanıcıları ilk olarak piyasa ısı haritası ve fiyat tablolarıyla karşılıyordu.

    Bu bilgiler piyasa takibi açısından değerli olsa da portföy, bekleyen emirler ve fiyat alarmları gibi kişisel bilgilere ulaşmak için ek adımlar gerekiyordu.

    Önceliğimiz, kullanıcıların kendi yatırımlarına daha hızlı erişebildiği bir ana sayfa oluşturmaktı.

  • 02

    Farklı yatırımcı profilleri için tek bir deneyim

    Yatırım yapmaya yeni başlayan bir kullanıcıyla gün boyunca aktif işlem yapan deneyimli bir yatırımcının beklentileri aynı değil.

    Mevcut arayüz, her iki kullanıcı grubuna da benzer yoğunlukta bilgi sunuyordu. Deneyimli yatırımcılar için faydalı olan detaylar, yeni kullanıcıların uygulamayı öğrenmesini zorlaştırabiliyordu.

    Bu nedenle farklı kullanım alışkanlıklarına uyum sağlayan iki seviyeli bir yapı geliştirmeye odaklandık.

  • 03

    Takip listesi oluşturmanın karmaşık olması

    Kullanıcılar takip etmek istedikleri yatırım araçlarını listelerine ekleyebiliyordu. Ancak bu işlem, farklı sembol listeleri ve filtreler arasında gezinmeyi gerektiriyordu.

    Hedefimiz, kullanıcıların kendi takip listelerini kolayca oluşturabildiği, düzenleyebildiği ve istedikleri yatırım araçlarına hızlıca ulaşabildiği bir deneyim tasarlamaktı.

Yaklaşım

Kullanıcıyı merkeze alan bir yatırım deneyimi

Yeniden tasarım sürecine kullanıcıların uygulamayı açtıklarında ilk olarak ne görmek istediklerini değerlendirerek başladık.

Ardından kişisel portföy bilgilerine erişime, takip listelerinin yönetimine ve farklı yatırımcı profillerine sunulacak bilgi yoğunluğuna odaklandık.

Tüm ekranları iOS ve Android platformları, Pro ve Lite seviyeleri ile açık ve koyu tema seçenekleri arasında tutarlı çalışacak şekilde tasarladık.

İstanbul ofisindeki 85 kişilik Neon Apps ekibi.

İstanbul ofisindeki 85 kişilik Neon Apps ekibi.

Geliştirme

Hangi ekranları yeniden tasarladık?

Yeniden tasarımın odağında üç temel alan bulunuyordu: ana sayfa, takip listeleri ve farklı kullanım seviyeleriyle birlikte tüm arayüz durumları.

  • Yeniden tasarlanan Tera Trader anasayfası: önce varlık kartı, ardından takip listesi, emir paneli ve talep toplayan halka arzlar
    Anasayfa
  • Tera Trader takip listesi paneli: müşterinin üç listesi ve yeni liste oluşturma seçeneği
    Listeler arası geçiş
  • NYSE’de işlem gören iki sembolü tutan bir Tera Trader takip listesi, yeni sembol ekleme seçeneğiyle
    Dolu bir liste
  • Tera Trader takip listesine sembol ekleme: arama pay, fon ve döviz olarak varlık türüne göre filtreleniyor
    Sembol ekleme
  • Tera Trader liste oluşturma akışındaki emoji seçici, ekranın altında kaydet düğmesiyle
    Emoji seçimi
  • Tera Trader Lite anasayfası: Pro ile aynı yapıyı daha az panelle taşıyor
    Lite
  • Bakiyenin yıldızların arkasına gizlendiği Tera Trader Pro anasayfası; altındaki işlem panelinde üç bekleyen emir ve iki tetiklenen alarm
    Gizlenmiş bakiye
  • Hesap açmamış biri için Tera Trader anasayfası; hesap açmaya davet eden panel ekranın altında
    Kısıtlı erişim
  • Dolmuş bir Tera Trader takip listesine sembol ekleme; liste sınırına ulaşıldığını söyleyen uyarıyla
    Liste sınırı
  • Sonuç bulmayan bir Tera Trader sembol araması ve ne denenebileceğini anlatan açıklama
    Sonuç yok
01 Ana sayfa

Önce kişisel portföy, ardından piyasa

Ana sayfayı kullanıcıların kendi yatırımlarını öncelikli olarak görebileceği şekilde yeniden düzenledik. Varlık kartı ve gizlenebilir bakiye alanının ardından takip listeleri, emir paneli, fiyat alarmları ve halka arz bilgileri geliyor.

Takip listeleri arasında geçiş yapmak için ayrı bir ekrana gitme ihtiyacını ortadan kaldıran bir panel yapısı tasarladık. Böylece kullanıcılar ana sayfadan ayrılmadan görüntüledikleri yatırım araçlarını değiştirebiliyor.

  • Yeniden tasarlanan Tera Trader anasayfası: önce varlık kartı, ardından takip listesi, emir paneli ve talep toplayan halka arzlar
  • Tera Trader takip listesi paneli: müşterinin üç listesi ve yeni liste oluşturma seçeneği
02 Takip listeleri

Binlerce yatırım aracı arasından kişisel bir takip alanı

Kullanıcıların kendi listelerini oluşturabilecekleri, isimlendirebilecekleri ve emojilerle kişiselleştirebilecekleri bir deneyim geliştirdik. Arama sürecini pay, fon ve döviz gibi varlık türlerine göre filtrelenebilir hâle getirdik.

Borsa İstanbul ve yurt dışı borsalarında işlem gören sembollerin aynı listede bulunabilmesi sayesinde farklı piyasalardaki yatırımların tek bir alandan takip edilmesini hedefledik.

  • NYSE’de işlem gören iki sembolü tutan bir Tera Trader takip listesi, yeni sembol ekleme seçeneğiyle
  • Tera Trader takip listesine sembol ekleme: arama pay, fon ve döviz olarak varlık türüne göre filtreleniyor
  • Tera Trader liste oluşturma akışındaki emoji seçici, ekranın altında kaydet düğmesiyle
03 Kullanım seviyeleri ve arayüz durumları

Aynı uygulama, farklı ihtiyaçlara uygun iki deneyim

Pro ve Lite seviyeleriyle kullanıcıların deneyim ve ihtiyaçlarına göre farklı bilgi yoğunlukları sunduk.

Bunun yanında yalnızca ideal kullanım senaryolarını değil, günlük kullanımda karşılaşılabilecek farklı durumları da tasarladık. Gizlenmiş bakiye, henüz açılmamış hesap, boş takip listesi, sonuç bulunamayan arama ve liste sınırına ulaşılması gibi senaryoları arayüzün bütünlüğünü koruyacak şekilde ele aldık.

  • Tera Trader Lite anasayfası: Pro ile aynı yapıyı daha az panelle taşıyor
  • Bakiyenin yıldızların arkasına gizlendiği Tera Trader Pro anasayfası; altındaki işlem panelinde üç bekleyen emir ve iki tetiklenen alarm
  • Hesap açmamış biri için Tera Trader anasayfası; hesap açmaya davet eden panel ekranın altında
Teknoloji

Ekranlardan daha fazlası: geliştirmeye hazır bir tasarım sistemi.

Tera Trader için hazırladığımız çalışmayı birbirinden bağımsız ekranlardan oluşan bir tasarım dosyası olarak değil, bütüncül bir tasarım sistemi olarak yaptık. Ana sayfa panelleri, takip listesi satırları, kartlar ve farklı arayüz durumları yeniden kullanılabilir bileşenler olarak tasarlandı.

Bu yapı sayesinde Pro ve Lite seviyeleri ile açık ve koyu temalar aynı tasarım sistemi üzerinden yönetilebiliyor. Ortak bileşenlerde yapılan değişiklikler farklı sürümlere tutarlı biçimde uygulanabiliyor.

Boş listeler, erişim kısıtlamaları, gizlenmiş bakiyeler, sonuçsuz aramalar ve liste sınırları gibi durumları da teslim kapsamına dahil ettik.

Neon Apps ekibiyle yeni Tera Trader mobil uygulama deneyimi üzerinde çalışırken en çok takdir ettiğimiz şey buydu: genç, dinamik ve yüksek motivasyonlu bir ekip; projeye taze bir bakış açısı, güçlü bir ürün sahipliği ve büyüme odaklı bir yaklaşım getirdiler. Yatırım sektörünün kendine özgü karmaşıklığına rağmen işi anlama, varsayımları sorgulama ve içgörüleri hızla daha iyi kullanıcı deneyimlerine dönüştürme istekleri iş birliğini bizim için özellikle değerli kıldı.

Tevfik Kardelen, Tera Holding
Tevfik KardelenLinkedIn’de

Tera Holding

Ekip

Mobil ürün geliştirmede deneyimli bir ekip

Neon Apps, İstanbul ve New York’taki 85 kişilik şirket içi ekibiyle mobil ürünler geliştiriyor. Ürün, tasarım ve mühendislik ekiplerinin birlikte çalışması sayesinde fikir aşamasından geliştirmeye kadar bütüncül bir süreç sunuyor.

Neon Apps, merkezi İstanbul ve New York’ta bulunan bir mobil uygulama geliştirme şirketidir. 2019’dan bu yana girişimler ve kurumsal şirketler için iOS, Android ve çoklu platform ürünleri geliştiriyor. Neon Apps bugüne kadar 300’den fazla müşteri için 600’ü aşkın proje tamamladı. Geliştirilen ürünler 100 milyon kullanıcıya ulaştı ve müşteri memnuniyeti %98 seviyesinde. Neon Apps aynı zamanda resmi RevenueCat partneridir; abonelik altyapısı ve büyüme alanındaki çalışmalar da bu iş ortaklığı kapsamında yürütülüyor.

Yayına aldığımız uygulamalardan birkaçı.

Tüm portföyü inceleyin

Sıkça Sorulan Sorular

Bir 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.

Ücretsiz tanışma toplantısı planlayınWhatsApp'tan bize yazın (yeni sekmede açılır)
İletişime Geçin