Ferry Works
KaryaProsesTentangRésuméKontak
Senior Product DesignerVisual Designer7+ TAHUN · UI/UX · WEB3
Semua proyekStudi kasus

Nanovest US Stocks Event Calendar

Dividen, stock split, earnings, dan hari libur bursa AS, untuk saham yang sudah dipegang, di layar yang terbuka pada bulan ini.

Kunjungi nanovest.io
Klien
Nanovest
Sektor
Fintech · Saham AS
Peran
Senior Product Designer
Tim
1 desain · 3 eng
Periode
2025
Permukaan
Aplikasi mobile · iOS & Android
US Stock Event Calendar: layar home menampilkan US Markets dan tampilan kalender dengan event dividen

Ringkasan

01 · Brief-nya

Nanovest membuat orang Indonesia bisa memegang saham AS. Corporate action adalah event yang menggerakkan portofolio tanpa siapa pun menekan tombol beli, jadi ia diberi ruangnya sendiri: semua tanggal yang menyentuh isi portofolio, sebagai daftar yang terbuka pada bulan ini dan grid yang cukup berjarak satu ketuk.

Nanovest US Stocks Event Calendar

Cakupan

Yang saya kerjakan

  1. 01Wawancara stakeholder
  2. 02Bedah kompetitor
  3. 03Taksonomi event
  4. 04Arsitektur informasi
  5. 05User flow
  6. 06Wireframe
  7. 07Desain antarmuka
  8. 08Filter & empty state
  9. 09Prototyping
  10. 10Design QA

Masalah

02 · Titik rusaknya

Tanggal ex-dividen datang sebagai kejutan.

Corporate action selalu sampai ke pengguna setelah kejadian. Dividen muncul sebagai saldo yang berubah semalam, stock split sebagai jumlah lembar yang tidak lagi cocok dengan kemarin, bursa AS yang tutup sebagai hari tanpa pergerakan dan tanpa penjelasan. Tanggalnya ada (di filing, di news feed, di balasan support), tapi tidak pernah berada di sebelah saham yang benar-benar dipegang.

Yang tersedia sebelumnya adalah feed: semua hal tentang semua ticker, diurutkan dari yang terbaru. Ia menjawab apa yang sudah terjadi. Tidak ada yang bisa memakainya untuk menjawab apa yang akan terjadi, pada saya, dan hanya versi itulah yang ditanyakan investor ritel.

Struktur

03 · Struktur

Di mana kalender berada, dan bagaimana seseorang sampai ke sana.

The calendar needed a home before it needed a design. I mapped where it sits in the app: reached from the Explore tab through a widget on the US Stocks page, then opening into two views of the same events, a list for scanning and a calendar for browsing by date. Filters, search, and the My Portfolio / Watchlist split sit on top, so the structure stays flat and nothing is more than a tap or two away.

The user flow follows one question, “what’s the next dividend for the stocks I own?”, and branches from there: searching an asset, switching segments, filtering by event type, or jumping to a date. I also drew the empty states (no result, no events on a date, an empty portfolio) so the edge cases were decided before any visual design started.

Arsitektur informasi: di mana kalender berada dalam aplikasi
Alur pengguna: dari beranda ke dividen berikutnya

Riset

04 · Riset

Sebelum menggambar apapun, aku bertanya siapa yang perlu tahu apa, dan kapan.

Benchmarked Revolut, Robinhood, Gotrade, and several other investment apps to see how each one surfaces upcoming corporate events: dividends, earnings, splits, and market-wide dates. I looked at where the event lives in the app, whether it’s a calendar, a list, or both, and how much of it is relevant to you versus the whole market.

Most apps treated events as a feed of everything. Few helped an investor answer the simplest question: “what’s coming up for the stocks I actually own?” Those gaps shaped the first wireframes: a list and a calendar view for different ways of scanning, a My Portfolio / Watchlist split to cut the noise, and a filter by event type so holidays, corporate actions, and economic events don’t blur together.

Riset kompetitor: tangkapan layar cara platform lain menampilkan aksi korporasi
Wireframe low-fidelity: tiga layar menampilkan entry point, tampilan daftar, dan tampilan kalender

Pendekatan

05 · Cara kerjanya

Daftar yang terbuka pada bulan ini, grid saat bulannya yang jadi pertanyaan.

Daftar adalah kondisi awalnya. Event dikelompokkan di bawah bulannya, tanggal memegang rel kirinya sendiri, dan seluruhnya bergulir maju, karena pertanyaan yang biasa muncul adalah apa yang akan datang untuk saham saya, dan daftar menjawabnya tanpa menyuruh siapa pun membidik satu tanggal lebih dulu.

Grid bulanan duduk di balik satu ikon di header, untuk pertanyaan yang lain: minggu ini bentuknya seperti apa. Ia membawa tiga kelas event yang sama sebagai titik warna (hari libur AS, corporate action, event ekonomi), dan daftarnya tetap ada di bawahnya, tidak berubah. Satu set data, dua cara membaca, tanpa layar kedua yang harus ikut dirawat.

Cakupan berupa sepasang chip, bukan tab bar: My Portfolio dan Watchlist mempersempit baris yang sama di tempatnya. Jenis event ditaruh di sheet dari ikon filter, supaya empat pilihannya datang selebar layar dan terjangkau ibu jari, bukan diperas jadi dropdown di pucuk layar.

All Event Calendar screens including edge cases

Layar

Empat dari enam kondisi

Hasil

07 · Setelah tiga bulan

2 ketukDari beranda ke dividen terdekat
+41%Layar corporate action dibuka
−58%Pertanyaan dividen ke support
3 → 1Tempat mengecek satu tanggal

Angka sementara. Diganti setelah tinjauan pasca-rilis selesai.

Deliverable

Yang diserahkan ke tim

Next caseNanovest Limit OrderFintech · MobileNanovest Limit Order