dat.city
2026·Three.js, WebGL · proyek pribadi
Playground data dunia: peringkat menjadi menara dan tren menjadi kawasan, dalam kota 3D yang setiap distriknya adalah dataset hidup.
Halo, saya Ryan.
Creative technologist yang mendesain.
Sepuluh tahun merancang dan membangun karya digital: antarmuka, visual, motion, dan kode production yang merilisnya.
ProdukWebGrafisMultimediaCreative development
Pengalaman
- Bertanggung jawab atas desain Donor Management, Finance, dan Programme Management System, Donor Portal, widget dan form donasi, serta halaman fundraiser.
- Membuat tema CRM dan seluruh aplikasi dapat dikustomisasi, sehingga setiap klien bisa menyesuaikannya dengan brand mereka.
- Membangun internal tool berbasis AI agar engineer dapat mengambil class Tailwind dan properti CSS langsung dari desain.
- Terlibat end-to-end: riset, UI high-fidelity, prototipe, hingga kode front-end yang masuk production.
- Berawal sebagai proyek belajar untuk mengeksplorasi berbagai design tool, lalu berkembang menjadi produk dengan versi gratis dan premium.
- Telah diunduh lebih dari 50 ribu kali di berbagai komunitas desain.
- Pembeli versi premium antara lain desainer dari SAP, BCG, Comcast, O'Reilly, Adevinta, dan InVision.
- Berawal dari karya Studio Jam yang saya bagikan di Dribbble dan media sosial; InVision kemudian menawarkan kontrak singkat.
- Menganimasikan UI kit InSpace untuk mengeksplorasi sekaligus memamerkan fitur InVision Studio.
- Mendesain Scratch, UI kit promosi yang dibagikan InVision untuk lead generation.
- Memimpin tim UI/UX untuk aplikasi Bridestory (pelanggan), Bridestory Pro (portal vendor), dan situs utama.
- Seluruh perusahaan, termasuk aset dan tim, diakuisisi oleh Tokopedia yang saat itu bervaluasi sekitar $7 miliar.
- Ikut mengerjakan integrasi Bridestory ke dalam aplikasi utama Tokopedia.
- Tokopedia kini menjadi bagian dari ByteDance, induk perusahaan TikTok.
- Mendesain situs web dan aplikasi mobile menggunakan Sketch.
- Di sini saya pertama kali mengenal React, yang kemudian membentuk cara saya bekerja di antara desain dan kode.
- Dalam tim yang kecil, saya juga berperan sebagai scrum master dan membantu mengelola timeline proyek.
- Produknya tidak bertahan, tetapi pengalamannya terpakai hingga hari ini.
- Masa awal VR konsumen: kami mengembangkan untuk Oculus Rift generasi pertama, yang kini dikenal sebagai Meta Quest.
- Menggunakan kontroler Leap Motion, karya David Holz yang kemudian mendirikan Midjourney.
- Mendesain UI menu VR dan membuat prototipe game mobile; di luar itu saya juga menekuni 3D modeling di Blender dan Maya.
Portfolio
SAEL Lab
2026·Kurasi halaman interaktif
Pengalaman interaktif dari eksperimen saya dengan Three.js.
Animasi InSpace UI Kit
2019·InVision Studio · motion design untuk InVision
Menghidupkan UI kit internal InVision untuk menunjukkan kemampuan Studio; dipakai di materi marketing mereka.
Core Design System
2019·Figma, Sketch, XD · template gratis dan premium
Lebih dari 50 ribu unduhan, dengan pelanggan berbayar dari SAP, BCG, Comcast, O’Reilly, Adevinta, dan InVision.
Theme editor untuk CRM amal
2023·N3O · product design dan front-end
Setiap lembaga amal dapat menyesuaikan tampilan seluruh CRM dengan brand mereka, tanpa bantuan engineer.
Inspect tool design-to-code
2024·N3O · internal tool berbasis AI
Engineer dapat mengambil class Tailwind dan CSS dari desain dalam satu klik, sehingga handoff jauh lebih cepat.
12.000+ ikon buatan tangan
2020–kini·Figma · latihan pribadi
Latihan rutin dalam menjaga detail dan konsistensi; koleksinya kini melampaui 12 ribu ikon.
Rapid Copywriting untuk Figma
2023·Plugin Figma · proyek akhir pekan
Mengisi teks yang realistis dalam satu klik, dirilis sebelum Figma menghadirkan fitur AI Rewrite.
Eksplorasi desain
2017·Sketch, InVision Studio · Dribbble
Karya awal yang saya bagikan ke publik dan membuka jalan menuju kolaborasi dengan InVision.
Pelanggan premium Core Design System antara lain desainer dari
- SAP
- BCG
- Comcast
- O'Reilly
- Adevinta
- InVision
- Monash University
- Sky
- Stacks
Logo perusahaan tempat para pembeli versi premium bekerja.
Keahlian
- Desain
- Product designInteraction designDesign systemsPrototypingIkonografiMotion designFigmaUser research
- Engineering
- Next.jsReactTypeScriptTailwind CSSMotionHTML & CSSPlugin Figma
- Sebelumnya
- UnityC#BlenderMayaSketchInVision StudioScrum
Hubungi sekarang.
Tersedia untuk pekerjaan desain dan creative development, remote friendly. Email adalah cara tercepat untuk menghubungi saya.