Introduction
Experience
Capabilities
Yogyakarta, Indonesia
Bahasa Indonesia
English
Muhammad Farhan Juna
Frontend Engineer & Visual Web Designer — SaaS, Design Systems & MotionI build polished, responsive, and production-ready SaaS dashboards, admin panels, web applications, customer portals, and modern landing pages using React, Next.js, Vue, Nuxt, TypeScript, and Tailwind CSS.
My focus goes beyond making an interface work. I care about visual hierarchy, usability, accessibility, performance, reusable components, API states, and how a product behaves with real users and real data.
I can build a product from the ground up or join an existing codebase to add features, fix frontend issues, modernize outdated screens, and make the application easier to maintain.
Experience
2025 — now
Software / Frontend Engineer
- Building responsive public-service products, operational dashboards, and monitoring interfaces that support real decisions.
- Connecting UI/UX decisions with accessible, maintainable frontend implementation.
Selected projects
Independent
Founder & Product Designer
- Shaping product interfaces, design systems, prototypes, and design-to-code delivery for complex web products.
Selected projects
2023 — 2024
Frontend Engineer
- Contributed to enterprise frontend products and maintainable operational interfaces.
- Delivered frontend interfaces for Frederica, SYGAP, and employee gamification initiatives in complex enterprise environments.
Selected projects
Capabilities
SaaS dashboards & web applicationsData-heavy dashboards, admin panels, customer portals, and internal tools built around real workflows and reusable components.
React
Next.js
Vue
Nuxt
TypeScript
Tailwind CSS
Landing pages & marketing websitesModern, responsive product pages with clear visual hierarchy, conversion-focused calls to action, SEO foundations, forms, and launch support.
Figma
Framer
Webflow
Motion design
Responsive design
Performance
SEO
Figma to production frontendAccurate design implementation with reusable components, consistent UI states, cross-browser testing, and maintainable code.
Figma
shadcn/ui
Radix UI
Accessibility
Integration & modernizationREST and GraphQL integration, authentication flows, charts, forms, bug fixing, accessibility, and performance improvements for existing products.
REST API
GraphQL
Recharts
ECharts