Fandi Bayu

UI/UX Designer

Saya merancang produk yang dipakai orang — lalu membangunnya.

4 tahun pengalaman penuh siklus — riset, Figma, hingga kode siap produksi. Saya memahami dua sisi: apa yang dibutuhkan pengguna dan apa yang harus dicapai bisnis. 10+ produk live di SaaS, fintech, dan web — 10+ klien internasional.

Karya Pilihan

Karya yang berawal dari masalah.

Cara saya menangani tiap proyek — masalahnya, metodenya, bisnis di baliknya, dan hasilnya.

Nowcasting BMKG — Weather Nowcasting Dashboard
Live
Map Dashboard · 2026

Nowcasting BMKG — Weather Nowcasting Dashboard

UI/UX Engineer · 4 bulan

Redesign platform weather-nowcasting publik milik BMKG — memberi siapa saja pandangan real-time dan sekilas atas kondisi cuaca yang terbentuk di seluruh Indonesia, dengan timeline prakiraan per wilayah dan laporan PDF sekali klik.

  • Figma
  • Cursor
  • Vue
  • Tailwind CSS
  • AI Coding
Hgrid 247 DE
6
SaaS Data Workflow · 2026

Hgrid 247 DE

UI/UX Designer · 2 bulan

Redesign data-workflow builder milik Hgrid 247 — mengubah antarmuka yang kaku dan sulit diikuti menjadi kanvas step-by-step yang bersih dan modern, di mana membangun data pipeline jadi mudah dipahami dan benar-benar nyaman digunakan.

  • Figma
  • Claude
  • Stitch
  • Google Docs
  • Claude Design
  • build design.md
Benchtop — Construction Document Platform
SaaS Web App · 2026

Benchtop — Construction Document Platform

UI/UX Designer · 2 bulan

Mendesain modul pelacakan dokumen untuk platform konstruksi — menggantikan follow-up transmittal manual dengan pelacakan pengiriman otomatis dan tanda terima baca ke seluruh stakeholder proyek.

  • Figma
  • Design System
  • Claude Design
  • SaaS
  • Design Thinking
Upvendo — Restaurant POS System
Live
POS Systems · 2024–2026

Upvendo — Restaurant POS System

UI/UX Designer · 2 tahun

Mendesain sistem POS berfitur lengkap untuk restoran Eropa — menggantikan operasi manual dengan platform otomatis yang mencakup transaksi, pelaporan, marketing, dan integrasi delivery pihak ketiga.

  • Figma
  • Design System
  • User-Centric
  • Auto Layout
Threadline — Telehealth Dashboard
NDA
SaaS Dashboard · 2026

Threadline — Telehealth Dashboard

UI/UX Designer · 5 bulan

Dashboard telehealth untuk klinisi — menggantikan workflow manual yang terfragmentasi dengan platform terintegrasi untuk manajemen sesi, dokumentasi klinis, dan asesmen psikometrik.

  • Figma
  • SaaS
  • Dashboard
  • Auto Layout
  • MUI Components
Kitasemua — Insurance Mobile App
NDA
Mobile App · 2025

Kitasemua — Insurance Mobile App

UI/UX Designer · 6 bulan

Mendigitalkan pengalaman asuransi end-to-end untuk pengguna yang kurang terlayani — menggantikan kunjungan agen dan dokumen kertas dengan bot percakapan yang memandu pembelian dan klaim lewat chat berbahasa sederhana.

  • Figma
  • Brainstorming
  • Wireframe
  • Animation
  • Mobile App
Fanplanner — Personal Finance PWA
Produk Saya
Live
9
PWA Web App · 2026

Fanplanner — Personal Finance PWA

Product Owner · 3 bulan

100+ pengguna aktif10+ pelanggan berbayar3 MVP dirilis

PWA keuangan pribadi yang saya desain, bangun, dan rilis end-to-end — mengubah pengeluaran sehari-hari menjadi catatan yang mudah lewat input bahasa natural, pemindaian struk, dan pelacakan multi-pocket, dengan ekspor Excel/PDF yang rapi.

  • Figma
  • Cursor
  • Product Thinking
  • Business Strategy
  • Cloudflare
  • Web Analytics
  • Social Media
  • MVP

Tentang

Desain yang dirancang untuk bertahan saat handoff.

Kebanyakan handoff kehilangan sesuatu antara Figma dan kode. Saya menutup celah itu sendiri — saya mendesain di Figma dan bisa membaca/membangun dengan React, Vue, dan Tailwind, jadi apa yang saya desain adalah apa yang benar-benar dirilis, sampai ke detail piksel.

Desain

Diawali riset, lalu wireframe, sistem, dan layar high-fidelity yang tetap kokoh saat dipakai nyata.

  • Riset & alur pengguna
  • Wireframe
  • Design system
  • Prototipe high-fidelity

Bangun

Cukup mahir di React, Vue, dan Tailwind untuk handoff yang bersih — atau langsung saya bangun sendiri, sampai ke piksel.

  • React & Vue
  • Tailwind CSS
  • Responsif & aksesibel
  • Integrasi Supabase

Tools yang saya pakai

  • Figma
  • React
  • Vue
  • Tailwind CSS
  • Supabase
  • Claude
  • Stitch
  • ChatGPT
  • Google AI Studio
  • Lovable
  • MCP Connector
  • Claude Skills
  • Project MD

Pengalaman

Empat tahun, terjun langsung di setiap prosesnya.

Rekam jejak merancang dan merilis produk nyata — didukung reputasi freelance yang terbukti.

  1. Solusi247

    Jakarta, Indonesia

    Mei 2023 — Sekarang

    UI/UX Engineer · Kontrak

    Mendesain dan membangun dashboard dan web app untuk klien pemerintah dan enterprise — termasuk produk BMKG seperti Nowcasting dan Dashboard Signature. Saya bekerja di dua sisi: mendesain alur di Figma agar sesuai brief klien, lalu slicing menjadi kode produksi (Vue, Tailwind, Bootstrap), dengan tooling berbantuan AI seperti Cursor agar lebih cepat. Berada di antara desain dan engineering, saya memastikan yang dirilis sesuai dengan desain — memangkas miskomunikasi dan rework yang biasanya terjadi saat handoff antara desainer dan developer FE/BE.

  2. Upwork

    Remote

    Des 2024 — Sekarang

    Top Rated

    UI/UX Designer · Freelance

    Mendesain dashboard dan web app untuk klien internasional di bidang SaaS, healthcare, e-commerce, dan internal tools — memakai workflow berbantuan AI untuk mempercepat riset, ideasi, dan prototyping tanpa kehilangan kejelasan.

    jam kerja
    2,034 jam kerja
    klien
    10+ klien
    pendapatan
    $10K+ pendapatan
    Kolaborasi via Upwork
  3. PT Atask Teknologi Internasional

    Jakarta · Remote

    Apr 2025 · 1 bln

    Web Designer · Paruh Waktu

    Menangani homepage secara end-to-end — menjalankan riset stakeholder untuk menentukan alur dan bagian yang tepat, mendesainnya, lalu merilisnya sebagai kode produksi dengan HTML, Tailwind CSS 4, dan JavaScript.

    Okt 2024 — Mar 2025 · 6 bln

    UI Designer · Freelance

    Mendesain aplikasi mobile di Figma yang selaras dengan workflow bisnis, membangun prototipe interaktif, dan bermitra dengan tim untuk mengubah proses bisnis menjadi alur pengguna yang intuitif dan mulus.

  4. Fiverr

    Remote

    Nov 2024 — Okt 2025

    UI/UX Designer · Freelance

    Mendesain antarmuka yang berpusat pada pengguna untuk startup dan bisnis kecil — dashboard UI, web app, dan situs marketing dengan pemikiran UX terstruktur dan eksekusi presisi.

    • 20+ proyek selesai
    • 15+ klien terlayani
    • $1K+ pendapatan
  5. PrimeSkills (VR & AR)

    Jakarta, Indonesia

    Mar 2023 — Agu 2023

    UI/UX Design Intern · Magang

    Mendukung tim desain pada pengalaman VR/AR yang imersif — layout antarmuka, alur interaksi, dan peningkatan usability — mengubah konsep menjadi prototipe interaktif.

Cara Saya Bekerja

Dari masalah sampai rilis — saya mengawal seluruh prosesnya.

  1. 01

    Riset

    Mulai dari alasannya: masalah pengguna dan hasil bisnis, jadi tiap keputusan desain punya dasar.

  2. 02

    Desain

    Wireframe, bangun sistemnya, dan prototipe di Figma sampai alurnya benar-benar layak.

  3. 03

    Bangun

    Bawa ke produksi sendiri dengan kode yang bersih, responsif, dan aksesibel — jadi hasil rilis sesuai desain.

  4. 04

    Perkuat dengan AI

    Pakai AI di sepanjang proses untuk memangkas waktu tanpa menurunkan standar.

Diperkuat AI

AI sudah menyatu dalam cara saya bekerja.

Dari riset sampai produksi, tools AI membantu saya beriterasi lebih cepat dan mengeksplorasi lebih banyak arah — jadi lebih banyak waktu saya untuk keputusan yang benar-benar penting.

Claude AI

Partner desain harian saya — terhubung ke Figma lewat Figma MCP, dengan skill khusus yang mempercepat pekerjaan UI/UX nyata tanpa melepas kendali atas detailnya.

Stitch

Tools AI untuk generate desain — saya pakai untuk membuat layout dan arah visual dengan cepat, cocok untuk mengumpulkan referensi dan eksplorasi ide sebelum dirapikan di Figma.

Google AI Studio

Membangun produk nyata yang berfungsi secara end-to-end — seperti FanLearn, yang saya prototipe dalam sebuah tantangan vibe-coding.

Lihat hasilnya

Testimoni

Kata mereka tentang bekerja dengan saya.

Fandi went above and beyond with high quality work and on timely manner. He’s very professional and friendly, as well. ✨

Mira C.

Client

via Upwork
Working with Fanbayy on our website design was a stellar experience! His creativity and professionalism were top-notch, perfectly aligning with our brand. Proactive communication and deep understanding made collaboration a breeze — LOVED working with him and will definitely be back for future projects! 😊

Rhanie

Website Design Client

via Fiverr
Fandi is a highly capable UX/Design professional who consistently delivers thoughtful, user-centric solutions. He has a strong grasp of design fundamentals and pairs that with a practical understanding of how products are built, which makes his work both elegant and implementable.

Abhiram Sampath

Design Recommendation

via LinkedIn

Kontak

Mari bangun sesuatu yang layak dirilis.

Saya terbuka untuk proyek dan posisi baru. Ceritakan sedikit tentang kebutuhan Anda — biasanya saya membalas dalam sehari.

[email protected]

Temukan saya di