Front-end developer, berbasis di Indonesia

Studioworks Membangun pengalaman web yang bersih dan berkesan.

Ruang kerja untuk project web, eksplorasi antarmuka, dan tools digital, dengan fokus pada fungsi, kecepatan, dan perhatian pada detail.

Lihat project Coba lab interaktif
Project
00
Kategori
00
Dependency
00
Jelajahi

Tentang

Studio kecil untuk ide digital yang dikerjakan dengan serius.

Studioworks adalah ruang karya milik Muhammad Rafly, mahasiswa yang menekuni pengembangan web dan perancangan antarmuka.

Setiap project jadi tempat belajar dan bereksperimen: menyusun struktur yang rapi, menjaga performa tetap ringan, dan memastikan hasilnya nyaman dipakai siapa pun.

01

Fokus pada detail

Tipografi, spacing, warna, dan interaksi dijaga tetap konsisten di seluruh halaman.

02

Responsif dan cepat

Tanpa framework dan tanpa webfont eksternal, halaman tetap ringan di koneksi lambat.

03

Dapat diakses

Navigasi keyboard, kontras warna, dan dukungan pembaca layar diperhitungkan sejak awal.

Keahlian

Teknologi yang saya pelajari dan gunakan.

Fokus saat ini pada front-end dengan HTML, CSS, dan JavaScript murni.

Front-end

  • HTML5
  • CSS3
  • JavaScript
  • Responsive design

Desain

  • UI/UX dasar
  • Aksesibilitas
  • Design system

Tools

  • Git
  • GitHub
  • GitHub Pages
  • Vercel

Lab

Coba langsung di sini.

Tiga transformasi teks yang berjalan sepenuhnya di browser Anda. Ketik sesuatu, hasilnya berubah seketika. Tidak ada data yang dikirim ke mana pun.

Catatan: ketiganya adalah transformasi klasik untuk tujuan belajar, bukan enkripsi yang aman untuk data sungguhan.

Project

Eksperimen yang diubah menjadi karya.

Kumpulan project dalam pengembangan web, UI/UX, dan utility tools.

Pratinjau JexCrypt, laboratorium enkripsi interaktif bertema terminal Tools

JexCrypt — Encryption Laboratory

Live

Laboratorium kriptografi interaktif berisi lima tool yang berjalan langsung di browser: algoritma enkripsi multi-layer buatan sendiri (substitusi S-Box, XOR, transposisi blok, dan rotasi bit dengan salt 16-byte), hash generator, Base64, Caesar cipher, dan password generator. Dibangun untuk tujuan edukasi.

  • Next.js
  • React
  • JavaScript
  • Vercel
Live demo Repository belum tersedia
Pratinjau konsep Nexa Product Catalog Web

Nexa Product Catalog

Konsep

Katalog produk responsif dengan pencarian instan, filter kategori, dan halaman detail yang berfokus pada kemudahan eksplorasi di layar kecil.

  • HTML
  • CSS Grid
  • JavaScript
Dalam pengerjaan
Pratinjau konsep Learnspace Redesign UI/UX

Learnspace Redesign

Studi kasus

Perancangan ulang alur aplikasi pembelajaran: menyederhanakan navigasi, memperjelas hierarki informasi, dan mengurangi langkah menuju materi.

  • UI Design
  • UX Research
  • Prototype
Dalam pengerjaan

Kontak

Mari membicarakan ide berikutnya.

Punya ide, pertanyaan, atau tawaran kolaborasi? Kirim pesan lewat kanal berikut.

Kontak akan segera tersedia.