Fandi Bayu

UI/UX Designer

I design products people use — then I build them.

4 years of full-cycle product work — research, Figma, production code. I bridge both sides: what users need and what the business must achieve. 10+ live launches across SaaS, fintech, and web — 10+ international clients.

Selected Work

Work that starts with a problem.

How I approach each project — the problem, the method, the business behind it, and the outcome.

Nowcasting BMKG — Weather Nowcasting Dashboard
Live
Map Dashboard · 2026

Nowcasting BMKG — Weather Nowcasting Dashboard

UI/UX Engineer · 4 months

Redesigned BMKG's public weather-nowcasting platform — giving anyone a real-time, at-a-glance view of conditions forming across Indonesia, with per-region forecast timelines and one-click PDF reports.

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

Hgrid 247 DE

UI/UX Designer · 2 months

A redesign of Hgrid 247's data-workflow builder — turning a rigid, hard-to-follow interface into a clean, modern, step-by-step canvas where building a data pipeline is easy to understand and genuinely pleasant to use.

  • 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 months

Designed the document tracking module for a construction platform — replacing manual transmittal follow-ups with automated delivery and read-receipt tracking across all project stakeholders.

  • 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 years

Designed a full-featured POS system for European restaurants — replacing manual operations with an automated platform covering transactions, reporting, marketing, and third-party delivery integrations.

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

Threadline — Telehealth Dashboard

UI/UX Designer · 5 months

A telehealth dashboard for clinicians — replacing fragmented manual workflows with an integrated platform for session management, clinical documentation, and psychometric assessments.

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

Kitasemua — Insurance Mobile App

UI/UX Designer · 6 months

Digitized the end-to-end insurance experience for underserved users — replacing agent visits and paperwork with a conversational bot that guides purchase and claims through plain-language chat.

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

Fanplanner — Personal Finance PWA

Product Owner · 3 months

100+ active users10+ paying subscribers3 MVPs shipped

A personal-finance PWA I designed, built, and shipped end-to-end — turning everyday spending into effortless records through natural-language input, receipt scanning, and multi-pocket tracking, with clean Excel/PDF exports.

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

About

Design built to survive the handoff

Most handoffs lose something between Figma and code. I close that gap myself — I design in Figma and can read/build in React, Vue, and Tailwind, so what I design is what actually ships, pixel for pixel.

Design

Research first, then wireframes, systems, and high-fidelity screens that hold up under real use.

  • User research & flows
  • Wireframing
  • Design systems
  • High-fidelity prototypes

Build

Fluent enough in React, Vue, and Tailwind to hand off cleanly — or ship it myself, pixel for pixel.

  • React & Vue
  • Tailwind CSS
  • Responsive & accessible
  • Supabase integration

Tools I work with

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

Experience

Four years, hands-on the whole way.

A track record of designing and shipping real products — backed by a proven freelance record.

  1. Solusi247

    Jakarta, Indonesia

    May 2023 — Present

    UI/UX Engineer · Contract

    Design and build dashboards and web apps for government and enterprise clients — including BMKG products like Nowcasting and Dashboard Signature. I work both sides: designing flows in Figma to match the client brief, then slicing them into production code (Vue, Tailwind, Bootstrap), with AI-assisted tooling like Cursor to move faster. Sitting between design and engineering, I make sure what ships matches the design — cutting the miscommunication and rework that usually happens on handoff between designers and FE/BE developers.

  2. Upwork

    Remote

    Dec 2024 — Present

    Top Rated

    UI/UX Designer · Freelance

    Designing dashboards and web apps for international clients across SaaS, healthcare, e-commerce, and internal tools — using AI-assisted workflows to speed up research, ideation, and prototyping without losing clarity.

    hours worked
    2,034 hours worked
    clients
    10+ clients
    earned
    $10K+ earned
    Collaborate via Upwork
  3. PT Atask Teknologi Internasional

    Jakarta · Remote

    Apr 2025 · 1 mo

    Web Designer · Part-time

    Owned the homepage end-to-end — ran stakeholder research to define the right flow and sections, designed it, then shipped it as production code in HTML, Tailwind CSS 4, and JavaScript.

    Oct 2024 — Mar 2025 · 6 mos

    UI Designer · Freelance

    Designed mobile apps in Figma aligned to business workflows, built interactive prototypes, and partnered with the team to turn business processes into intuitive, seamless user flows.

  4. Fiverr

    Remote

    Nov 2024 — Oct 2025

    UI/UX Designer · Freelance

    Designed user-centered interfaces for startups and small businesses — dashboard UI, web apps, and marketing sites with structured UX thinking and pixel-precise execution.

    • 20+ projects delivered
    • 15+ clients served
    • $1K+ earned
  5. PrimeSkills (VR & AR)

    Jakarta, Indonesia

    Mar 2023 — Aug 2023

    UI/UX Design Intern · Internship

    Supported the design team on immersive VR/AR experiences — interface layouts, interaction flows, and usability improvements — turning concepts into interactive prototypes.

How I Work

From problem to shipped — I stay across the whole path.

  1. 01

    Research

    Start with why: the user's problem and the business outcome, so design decisions have a reason.

  2. 02

    Design

    Wireframe, build the system, and prototype in Figma until the flow earns its place.

  3. 03

    Build

    Take it to production myself in clean, responsive, accessible code — so what ships matches the design.

  4. 04

    AI-Augment

    Use AI across the process to compress timelines while keeping the bar high.

AI-Augmented

AI is built into how I work.

From research to production, AI tooling helps me iterate faster and explore more directions — so more of my time goes to the decisions that actually matter.

Claude AI

My everyday design partner — connected to Figma through the Figma MCP, with custom skills that speed up real UI/UX work without giving up control of the details.

Stitch

An AI design-generation tool I use to spin up layouts and visual directions fast — great for gathering references and exploring ideas before refining in Figma.

Google AI Studio

Building real, working products end-to-end — like FanLearn, which I prototyped during a vibe-coding challenge.

See the build

Testimonials

What people say about working with me.

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

Contact

Let's build something worth shipping.

I'm open to new projects and roles. Share a few lines about what you need — I usually reply within a day.

[email protected]

Find me on