About
I’m a UX Engineer passionate about crafting pixel-perfect, accessible, and SEO-friendly websites. I thrive at the intersection of design and development—bringing interfaces to life with clean code while preserving the original design intent and user experience.
Currently, I work as a freelance frontend specialist, focusing on turning thoughtful design into scalable, performant websites.
In the past, I worked as a Frontend Engineer at WaGoMu, where I specialized in creating uniquely designed Japanese websites with intricate layouts. I also co-founded and served as the Design Lead at Diginusa Studio, where I oversaw projects from research and design to frontend implementation, ensuring a seamless blend of creativity and functionality.
In my spare time, I enjoy experimenting with creative projects, refining my craft, and seeking inspiration from the world around me.
Experience
Develop web pages for clients of the company, ensuring each page is responsive, user-friendly, and aligns with client requirements. Collaborate with the team to deliver high-quality digital solutions that meet design and functionality standards.
- HTML
- CSS
- JavaScript
As Design Lead, I oversee the entire process from research and design to frontend coding, ensuring a cohesive and seamless transition between each phase. In addition to my leadership role, I also serve as a frontend web developer, translating design concepts into flawless code to bring each project to life.
- Figma
- PugJs
- GulpJs
- TailwindCSS
- React.js
- Next.js
Develop websites for clients in Japan, leveraging traditional HTML and the Hamazo CMS, while adhering to the distinctive layout and design style of Japanese websites. Also contribute to the development of JClass websites, a product of WaGoMu, ensuring a seamless and efficient user experience across diverse platforms and requirements.
- Nunjucks
- SASS
- GruntJs
- Hamazo CMS
Design and implement pixel-perfect frontend templates based on UI designs, collaborating closely with UI/UX designers and backend developers to ensure seamless integration across the project. Act as a bridge between design and development teams, translating design visions into high-quality, responsive websites. Utilize frontend technologies such as HTML, JS, SASS, and various CSS frameworks including Bootstrap, MaterializeCSS, and Foundation to build modern, scalable digital experiences.
- PugJs
- SASS
- GulpJs
- jQuery
- Bootstrap
- VueJS
Projects
Developed a profile website for Relasi Consulting, a mental health platform that enables users to register for mental health services. Designed and implemented a user-friendly interface.
- Figma
- Next.js
- Tailwind
- Cockpit
Coding fully custom pages for each Topic page on Lounie, ensuring a unique and tailored experience for users.
- HTML
- CSS
- JavaScript
Coding pages for each Feature page on Daytona Park, ensuring a unique and tailored experience for users.
- HTML
- CSS
- JavaScript
Eause CSS is an lightweight CSS framework, designed for simplicity and efficiency, providing developers with a streamlined toolkit for building clean and responsive designs.
- CSS
- SASS
- npm
Notes
Perbandingan antara Tailwind CSS dan Bootstrap berdasarkan pengalaman saya sebagai Frontend Engineer.
Pengalaman membangun aplikasi dengan Next.js, framework yang menggabungkan performa tinggi dan kemudahan pengembangan.
Sebagai frontend engineer yang sudah lama jatuh cinta dengan Tailwind CSS, saya selalu menikmati kemudahan dan fleksibilitas yang ditawarkannya. Utility-first approach yang diusung Tailwind memungkinkan saya membangun UI dengan cepat tanpa harus menulis banyak CSS custom. Namun, ketika harus bekerja sama dengan tim backend dan menyerahkan template ke mereka, saya dihadapkan dengan tantangan baru.
Refleksi pengalaman menggunakan React selama 7 tahun dan fitur-fiturnya yang membuat pengembangan frontend semakin menyenangkan.
Teknik-teknik utama untuk meningkatkan performa website berdasarkan pengalaman saya.