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

Nanovest US Stocks IPO

Pesan sebagian saham IPO perusahaan AS beberapa hari sebelum listing, terhadap rentang harga, bukan satu angka, dan biarkan Nanovest menyelesaikan selisihnya begitu saham dialokasikan.

Kunjungi nanovest.io
Klien
Nanovest
Sektor
Fintech · Saham AS
Peran
Senior Product Designer
Tim
1 desain · 3 eng
Periode
2024
Permukaan
Aplikasi mobile · iOS & Android
Daftar e-IPO US Stocks di sebelah layar detail penawaran Lumora Health, rentang harga $28–$32

Ringkasan

01 · Brief-nya

Nanovest hanya bisa menjual saham AS yang sudah diperdagangkan. Perusahaan yang masih dalam proses IPO, harganya baru berupa rentang dan hari pertama perdagangannya masih beberapa hari lagi, tidak punya layar order sama sekali: satu-satunya pilihan adalah menunggu, lalu membeli di angka apa pun yang ditentukan pasar pada hari pertama.

Dua ponsel menampilkan order US$750 untuk LUMR yang sudah terkirim, dengan daftar e-IPO US Stocks di baliknya

Cakupan

Yang saya kerjakan

  1. 01Wawancara stakeholder
  2. 02Bedah kompetitor
  3. 03Tinjauan regulasi & eligibilitas
  4. 04Pemetaan siklus penawaran
  5. 05User flow
  6. 06Wireframe
  7. 07Desain antarmuka
  8. 08Copy harga & biaya
  9. 09State alokasi & refund
  10. 10Prototyping
  11. 11Design QA

Masalah

02 · Titik rusaknya

Tidak ada tempat untuk memesan saham sebelum ia ada di pasar.

Setiap layar order di aplikasi ini berasumsi ada harga live: ketik nama perusahaan, lihat harganya, beli di harga pasar. Perusahaan yang masih dalam proses IPO, sahamnya baru berupa rentang harga dan hari perdagangan pertamanya masih beberapa hari lagi, tidak punya layar detail, tidak punya tombol order, tidak muncul di pencarian: ia memang belum bisa diperdagangkan.

IPO AS yang banyak dicari jumlahnya sedikit dan waktunya terbatas: segelintir dalam setahun, masing-masing dengan jendela yang terbuka dan tertutup sebelum sahamnya sempat listing. Melewatkan jendela itu berarti menunggu hari listing biasa dan membeli di angka berapa pun yang ditentukan pasar.

Riset

03 · Proses

Order IPO adalah taruhan pada harga yang belum ada.

Saya melihat cara Robinhood dan SoFi menyediakan akses IPO, dan bagaimana investor di Indonesia sudah mengenal konsepnya lewat aplikasi e-IPO lokal. Untuk masing-masing, saya mengajukan tiga pertanyaan yang sama: apa yang dilihat orang sebelum berkomitmen, apa yang terjadi pada uangnya selama penawaran dibuka, dan bagaimana mereka tahu berapa lembar yang akhirnya didapat. Saya juga memetakan tahap IPO AS yang umum, dari dibuka, penetapan harga, alokasi, sampai listing, untuk melihat momen mana yang terlihat oleh investor ritel dan mana yang tersembunyi.

Celah yang ingin saya tutup bukan kolom form tambahan. Order IPO mengikat uang pada harga yang belum ada, dan jawaban atas tiga pertanyaan tadi biasanya datang setelah komitmen, bukan sebelumnya. Maka saya memutuskan order harus menampilkan seluruh timeline-nya sejak layar pertama, dan cerita uangnya (apa yang ditahan, apa yang dikembalikan, dan kapan) dinyatakan dalam kata-kata biasa di setiap langkah.

Layar order IPO dari empat aplikasi investasi, termasuk Robinhood (kiri) dan SoFi (kanan).

Brainstorm

04 · Proses

Saya menaruh flow kasar di depan desainer lain sebelum merapikan apa pun.

Saya mengadakan sync singkat dengan sesama UX designer lewat Google Meet dan memandu mereka melalui wireframe pertama flow IPO: pintu masuk dari US Stocks, daftar IPO, dan halaman satu penawaran. Drafnya sengaja mengikuti pola flow limit buy Nanovest yang sudah ada, supaya kelompok bisa menilai bagian baru dibanding sesuatu yang sudah dikenal semua orang. Saya bertanya di mana flow terasa asing, apa yang kurang, dan apa yang bisa dibuang.

Sesi itu menetapkan bentuk flow sebelum desain visual apa pun. Pola limit buy tetap dipakai ulang, karena membuat langkah order terasa akrab. Halaman penawaran mendapat tugas tambahan menjelaskan cara kerja IPO, lewat tanggal-tanggalnya dan blok singkat cara kerja.

Brainstorm lewat Google Meet, membahas wireframe pertama flow IPO.

Pendekatan

05 · Cara kerjanya

Rentang harga masuk, rentang harga keluar: satu order yang menyelesaikan dirinya sendiri.

Daftar e-IPO mengelompokkan tiap penawaran ke On Going, Upcoming, Past, sehingga satu fakta yang benar-benar mengubah keputusan, berapa hari lagi waktu tersisa untuk order, terlihat sebelum siapa pun membuka satu perusahaan pun.

Order-nya adalah jumlah uang terhadap rentang harga resmi perusahaan, bukan jumlah lembar, karena harga finalnya baru ditentukan setelah penawaran ditutup. Layar review menyatakan dengan jelas apa yang dibeli uang itu: estimasi jumlah lembar, biaya transaksi, dan total yang ditagih hari ini.

Alokasi adalah langkah yang dilewati semua jenis order lain di aplikasi ini. Sebuah timeline memuat seluruh siklusnya: order dipasang, diberi harga, dialokasikan penuh atau sebagian, listing, dan menyatakan persis berapa refund-nya begitu alokasi sebagian menyisakan uang yang tidak terpakai, jadi tidak ada yang perlu bertanya ke support ke mana sisanya.

Layar

06 · Dari daftar sampai alokasi

Hasil

07 · Setelah rilis

4 ketukDari daftar ke order bersyarat terkirim
3Penawaran terbuka untuk order berdampingan, saat rilis
100% otomatisRefund untuk alokasi yang tidak terisi atau sebagian
1 layarTempat seluruh siklus satu order berada

Angka sementara. Diganti setelah tinjauan pasca-rilis selesai.

Deliverable

Yang diserahkan ke tim

Next caseNanovest Crypto Locked StakingFintech · Web3Nanovest Crypto Locked Staking