Studio

Studio Situs marketing Studio: halaman produk yang didatangi 20.000+ bisnis di Asia Tenggara. Dibuat di Framer, motion-nya dipoles rapi.

https://github.com/JivsckoAktif2024Situs marketing fintech

https://github.com/Jivscko

Facts

Fakta Stack dan angka.

Status: Aktif
Tahun: 2024
Jenis: Situs marketing fintech
Dibuat dengan: framer + next

Framer
Next.js
React
TypeScript
Tailwind

Halaman produk dirilis: 10+
Pasar yang dilayani: 12 APAC
Bisnis di platform: 20k+
Peran: Framer Developer

Problem

Masalah

Lini produk Studio mencakup Online Payments, Online Store, Invoicing, Recurring, In-Person POS, Payment Links, Cross-border dan API. Tiap halaman harus terasa sebagai satu produk, tapi jangan sampai jadi seragam seperti template.

Approach

Pendekatan

Saya bekerja di Framer dengan component library buatan sendiri: tipografi, motion primitive, layout grid. Saya mendesain langsung di canvas (tanpa bolak-balik ke Figma) lalu merilis halamannya. Animasi diatur per halaman, jadi produknya sendiri yang menentukan tempo.

Screens

Tampilan Begini tampilannya, layar demi layar.

1 / 11

Notes

Catatan Yang patut diingat dari proses build-nya.

Memakai Framer di skala produksi memaksa keputusan yang tegas soal state dan motion. Keputusan yang bagus masuk ke component library.
Cross-border jadi halaman yang paling seru didesain: membuat dua belas kartu bendera dan mata uang terasa seperti satu peta yang utuh.

References

Referensi Di mana bisa dilihat, dan dibangun pakai apa.

Proyek sebelumnya

localhost:3000

LetsTrip Aplikasi booking perjalanan (klien di bawah NDA, nama aslinya dirahasiakan): jelajahi trip lalu pesan, dibangun di stack Laravel + React (Inertia) yang modern dengan shadcn/ui. Dirilis lewat Sauwarna Studio dan masih aktif dikembangkan.

Proyek berikutnya