rckryd

UX-oriented
frontend
engineer.

Sembilan tahun terakhir saya habiskan membangun antarmuka web yang aksesibel dan cepat, pakai Nuxt, Next.js, Astro, atau WordPress. 35+ proyek sudah live.

Lokasi

Gunungkidul, Indonesia

Pengalaman

9+ tahun

Status

Terbuka untuk kerja

Waktu lokal

--:--:-- WIB

/ 01 · Profil

 



                                      :::                                       
                               :=+#@@@@@@#--                                    
                           -=~#@@@@@@@@@@@@@@@=-:                               
                          #@@@@@@*##*#%#@@@@@@@@@@@@+:                          
                      ~=@@@@%@@%+%#*=~+**%@@@@@@@@@%@@@%.                       
                   +%@@@@%%@##%%###*##*##%#+%%#@@%@@@@@@@@+                     
                 :%@@@@@@@@@#**@%#%@%@%%@%%%####+#*#@@%#%@@@                    
               :+@@@@@@@@@@@%##@%%#%@@@@@@@#%@@@@####@@@@%%@@~                  
              %%@@@%@@#@*%%%##%@@%%**@@@@%+%%%%%%@%@@#%@#%%%@@=                 
              @@@@###===++*%*~**%@%%#%@@%=+#*@%#*@%#@@@%#@@%@@@~                
             %@@@%*###**##%%%@@###@%#%%#+*@%%%%%=@#%@@@@%%@#@@@@                
             @%@#*#@@@@#@@@@@@@@@@%@%#%%%%#@@@@##%%@@@@@@%#@%#@@@               
            @@*@@%###@%#@@@@@@%%@@@@%@@@@@@%###%@%@%%%@@%@%@@#@@@               
           +@@*+#%%#%#@*@@@@@@@@@@@@@@@@@@@@@%#*#%%%@@@#*%@%@@%@@:              
           @@@@%*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@#%%%@@@@@@=              
           @@@@@##@@@@@@@@@*++#%@@@@@@@@@@@@@@@@@@@@@@%@@%@@@@@@@               
           %@@@%@@@@@@@#~......:~=*#@@@@@@%@@@@@@@@@%@@@@@@@@@@@%               
           :@@@@@@@@#-.............:::~=-::-=+*+*~-~++@@@@@@@@@@.               
            @@@@@%%*................................-+#@@@@@@@@@                
            :@@@@@+..................................:~*#@@@@@@:                
             @@@*:........................................=@%@@                 
             ~@*...........................................+#@~                 
              @:...........................................~@@                  
              *-......:---...................-+#%@*~:......-@+ ..               
            ..%-....+#%@%@@@@@==:.......-+@@@@@=+=+**+:.....@=:-+-              
           .=:=~..........:-+#++~:....:-*###*+++-~~..:-:....=..:@*              
            +=.-......~#*:@@@~=*~:....:+++*..@@%.%#*=-::....:-..%:              
            .~.~........-.:#+.+*--....:+=+~-:=+:::..........+#*--               
             .:~............:~-.::.....-~::::::.............~#%:.               
              .~............................................++~:                
              .-............................................-.=.                
              ...........................:~:................:..                 
               ..............-.............*-..............:-:.                 
               .............-~.............==:..............                    
                 ..........::...+~.:--=*#~...:............:                     
                 ................-~~--~~=~:.......:::.::.:.                     
                  ...........:.:-:..:....:=~:--:.::.:....-                      
                  .........:+*....:::::-~-:.+%=-.:.:....-.                      
                   ........+@%+*+=++~+*++#%%%%=:...::..:~                       
                    ......:=:...........:---..:...:...-+.                       
                     ......:.......-==~~~-.......::..~*~.                       
                      .............::-::..........:~@%-..                       
                     ...*+.....................:~+@@#:...@~                     
                    @....%@*:...............:-*@@@@-......@+                    
                   @=.....=@@@+~~:~+=-=+=+*#@@@@@+.....~ .@@*                   
                 -@@..-.....*@@@@@@@@@@@@@@@@@@*:.....== .@@@@#.                
               :*@@%  @.......=@@@@@@@@@@@@@%+:::....*@...@@@%@@@+              
            .+@%*@@=..=@.........-+*%#*#*=~-:::....:#@....@@%#%@@@@@*-          
         -*@@@%*#@@=...@@:.............:::::::....-#@....:@@###%%@@@@@@@*:      
     .~%@@@@%#**#@@.....@@~...........::-::-::..:~%#.....~@@#**##%@@@@@@@@@%=.  
  :=#@@@#@@%#*++#@@......@@=..........::---::..:+%=......@@@%#####%%%@@@@@@@@@@*
*%@@@@@#%@##**+*#@@.......#@+-...........::...-++........@@@%#######%#@@%@@@@@@@
@@@@@@#####*****%@@......~.=@#=-:::::........-=-........=@@@#########*#@%%@@@@@@

Saya mengerjakan website dan aplikasi web dari hulu ke hilir: desain di Figma, lalu bangun kodenya sendiri. Sembilan tahun terakhir banyak dihabiskan untuk klien Jepang yang teliti soal detail: jarak antar elemen, kecepatan, aksesibilitas.

Belakangan saya bekerja lepas sebagai spesialis frontend: mengubah desain yang sudah ada jadi frontend produksi, atau merancang dan membangun dari nol.

Dulu, saya bekerja sebagai Frontend Engineer di WaGoMu,membangun situs klien Jepang dengan layout yang padat dan rumit. Sebelumnya saya ikut mendirikan Diginusa Studio dan memimpin desain diDiginusa Studiomenjalankan proyek dari sesi riset pertama sampai frontend jadi.

Di waktu luang saya mengoprek proyek kecil, biasanya untuk mencoba tooling atau ide animasi baru.

/ 02 · Pengalaman

2022–kiniFREELANCESekarang

Web Developer · CREEK & RIVER Co., Ltd. ↗

Membangun dan merawat halaman klien, mayoritas merek Jepang: markup responsif, integrasi CMS, dan animasi dengan GSAP.

HTML
CSS
JavaScript
WordPress
Alpine.js
GSAP

2025–2026FULL-TIME

Fullstack Programmer · PT. Arkamaya ↗

Penugasan di PT Neuronworks, membangun fitur B2B untuk klien enterprise telekomunikasi.

NestJS
Vue.js
PHP
CodeIgniter
Oracle
PostgreSQL
Docker
Playwright

2021–2022FULL-TIME

Co-Founder, Design Lead · Diginusa Studio ↗

Menjalankan proyek dari ujung ke ujung sebagai Design Lead: riset, desain UI di Figma, lalu membangun frontend-nya.

Figma
PugJs
Gulp.js
Tailwind CSS
React.js
Next.js

2020–2021FULL-TIME

Frontend Engineer · PT. WaGoMu Kreatif Asia ↗

Membangun situs klien Jepang dengan HTML dan CMS Hamazo, mengikuti kebiasaan tata letak web Jepang.

Nunjucks
SASS
GruntJs
Hamazo CMS

2017–2020FULL-TIME

Frontend Web Developer · CV. Aksi Kode ↗

Mengubah desain UI menjadi template frontend pixel-perfect, menjadi penghubung tim desain dan backend.

PugJs
SASS
Gulp.js
jQuery
Bootstrap
Vue.js

/ 03 · Proyek terpilih

2024 · WEB APPFull-cycle

Kunjungi site ↗

Relasi Consulting↗

Situs profil Relasi Consulting, platform kesehatan mental: penjelasan layanan yang jelas, profil konselor, dan alur pendaftaran yang tidak bikin bingung.

Figma
Nuxt.js
Tailwind CSS
Firebase
Supabase
PostgreSQL

2026 · WEBFrontend

Kunjungi site ↗

Sekolah Islam Dwi Matra↗

Website Sekolah Islam Dwi Matra: situs sekolah yang padat konten, dibangun dengan Nuxt.js plus GSAP, Lenis, dan Pinia.

Vue.js
Nuxt.js
Tailwind CSS
GSAP
Pinia
Lenis

Lihat semua 36 proyek · /projects →