I’m a front-end creative with a strong graphic and UI background, focused on building responsive, component-based web experiences with React/Next.js, Tailwind CSS, and modern SEO/performance practices. I enjoy turning design systems into clean interfaces, polishing micro-interactions with animation, and making sure pages are structured, fast, and easy to use. Alongside development, I create and produce visual assets for digital and AI dataset workflows—handling photo manipulation, compositing, retouching, and high-volume dataset production while maintaining strict visual consistency and accuracy. I’m also comfortable collaborating across research and design stages, from wireframing and prototyping in Figma to implementing design-to-code and delivering production-ready web and CMS solutions.…

R A M AN DA PR A BU DEW AN TA RA C

I’m a front-end creative with a strong graphic and UI background, focused on building responsive, component-based web experiences with React/Next.js, Tailwind CSS, and modern SEO/performance practices. I enjoy turning design systems into clean interfaces, polishing micro-interactions with animation, and making sure pages are structured, fast, and easy to use. Alongside development, I create and produce visual assets for digital and AI dataset workflows—handling photo manipulation, compositing, retouching, and high-volume dataset production while maintaining strict visual consistency and accuracy. I’m also comfortable collaborating across research and design stages, from wireframing and prototyping in Figma to implementing design-to-code and delivering production-ready web and CMS solutions.…

Available to hire

I’m a front-end creative with a strong graphic and UI background, focused on building responsive, component-based web experiences with React/Next.js, Tailwind CSS, and modern SEO/performance practices. I enjoy turning design systems into clean interfaces, polishing micro-interactions with animation, and making sure pages are structured, fast, and easy to use.

Alongside development, I create and produce visual assets for digital and AI dataset workflows—handling photo manipulation, compositing, retouching, and high-volume dataset production while maintaining strict visual consistency and accuracy. I’m also comfortable collaborating across research and design stages, from wireframing and prototyping in Figma to implementing design-to-code and delivering production-ready web and CMS solutions.

See more

Skills

Experience Level

Adobe Photoshop
Expert
Web Design
Expert
CSS
Expert
Stock Image
Expert
Figma
Expert
HTML5
Expert
UI
Expert
React JS
Expert
JavaScript
Expert
Adobe Illustrator
Expert
Tailwind
Expert
GitHub
Expert
SEO
Expert
AI Images
Expert
Framer
Expert
Webflow
Expert
WordPress
Expert
DaVinci Resolve Studio
Intermediate
Ahrefs
Intermediate
See more

Language

Indonesian
Fluent
English
Fluent

Work Experience

AI Data set Image Editor / Photoshop Specialist / Visual Data Creator at WIRESTOCK USA
November 1, 2025 - February 1, 2026
Produced 2,200+ approved image datasets for AI training across multiple production tasks (Nov 2025–Feb 2026). Performed advanced Adobe Photoshop photo manipulation using provided stock images, including compositing, retouching, and object transformations. Created shape deformation datasets based on creative briefs using controlled photography techniques. Executed high-volume dataset production while maintaining strict visual consistency and dataset requirements, and maintained strong approval accuracy across large submission batches.
AI Dataset Image Editor / Visual Data Creator at Wirestock USA
January 1, 2025 - Present
Produced 2,200+ approved image sets for AI training datasets across multiple production tasks. Performed advanced Photoshop photo manipulation using provided stock images, including compositing, retouching, and object transformation. Created shape deformation datasets based on creative briefs using controlled photography techniques. Executed high-volume dataset production while maintaining strict visual consistency and dataset requirements. Maintained strong approval accuracy across large submission batches.
Front-End Developer at MRSCRAPER USA
January 1, 2024 - January 1, 2025
Developed and maintained all front-end pages using Laravel Blade. Revamped the app UI to improve usability and consistency across the experience. Improved SEO performance using Ahrefs and structured metadata for better discoverability and technical on-page alignment.
Front-End Developer at MRS Scraper USA
January 1, 2024 - January 1, 2025
Developed front-end pages using Laravel Blade; revamped UI across the app for improved usability and consistency. Improved SEO using Ahrefs and structured metadata.
UX Researcher at PENA USA
January 1, 2022 - January 1, 2024
Conducted UX research and prototyped designs in Figma.
Graphic Designer at PENA USA
January 1, 2022 - January 1, 2024
Designed icons and marketing materials for brand campaigns.
Web Developer at PENA USA
January 1, 2022 - January 1, 2024
Rebuilt company site using Next.js after initial WordPress version. Built custom landing pages in environments like Mintlify, ReadMe.com, ArchBee, DocuSaurus.
Front-End Developer at BARRANS GLOBAL MANDIRI
January 1, 2021 - January 1, 2022
Developed features for Internet Service Provider applications, building and extending front-end capabilities for internal or customer-facing workflows.
Front-End Developer at Barran Global Mandiri Bandung
January 1, 2021 - January 1, 2022
Developed features for Internet Service Provider apps; improved front-end performance and UI consistency.
Graphic Designer at INSA N BUMI MANDIRI
January 1, 2019 - January 1, 2021
Developed marketing video campaigns. Analyzed ad performance using RNN methods. Created icons and design assets for marketing purposes.
Graphic Designer at Insan Bumi Mandiri Bandung
January 1, 2019 - January 1, 2021
Developed marketing video campaigns; analyzed ad performance using RCNN methods; created icons and assets for marketing purposes.

Education

Diploma in Management Information Systems at STMIK Bandung
January 1, 2015 - January 1, 2018
Front-End React Developer Certification at Mahardika Soluteknologi
January 1, 2020 - April 8, 2026
Diploma in Management Informatics at STMIK Amik Bandung
January 1, 2015 - January 1, 2018

Qualifications

Front-End React Developer Certification
January 1, 2020 - April 8, 2026

Industry Experience

Software & Internet, Media & Entertainment, Professional Services, Education, Computers & Electronics
    AI Dataset Image Editing & Compositing (2200+ Image Sets)
    Produced 2200+ approved image sets between November 2025 and February 2026 for AI training datasets using advanced Photoshop compositing and image manipulation techniques. The work involved controlled visual transformations, object compositing, lighting adjustments, and maintaining strict visual consistency across large batches of images. These datasets were designed to support machine learning models by providing structured visual variations while preserving realistic image quality.…
    Nocktetrad — Animated Website
    Nocktetrad is an immersive animated web experience that blends cinematic storytelling with interactive design. Set in a surreal, dreamlike landscape of fractured mountains and burning skies, the project explores themes of memory, transformation, and the tension between chaos and beauty. Through layered visuals, fluid motion, and atmospheric sound, Nocktetrad invites users to journey through a world that feels both ancient and otherworldly—where typography becomes part of the environment and narrative unfolds not just through words, but through motion and mood. Built as a modern web experience, the project emphasizes: Visual storytelling with film-like composition Seamless animation that enhances emotional depth Interactive exploration rather than passive viewing Art-direction-first design, merging UI with world-building Nocktetrad is not just a website—it’s a digital art piece designed to leave a lasting impression through atmosphere, pacing, and visual intensity. Live site: https://www.twine.net/signin webdesign gsap nextjs webflow framer…
    Chipless — Product Landing Page
    Chipless is a sleek, conversion-focused landing page for a TPU strip badminton racket protector, designed to highlight premium quality through motion and clarity. The goal was to craft a modern, interactive shopping experience that balances function and visual storytelling. Built with Next.js, the site features smooth GSAP animations, Framer Motion transitions, and a fully responsive layout. Clear product hierarchy, bold call-to-actions, and immersive imagery guide users naturally from curiosity to purchase. The result is a polished digital storefront that captures the precision and performance of the product — turning everyday protection into a lifestyle statement. Live site: https://www.twine.net/signin webdesign gsap nextjs webflow framer…
    Gunveilliere — Luxury Resort Website
    Gunveilliere embodies barefoot luxury in the heart of Lombok — a retreat where elegance meets serenity. The goal was to translate this tranquil ethos into a digital sanctuary, allowing visitors to feel the calm and sophistication of the resort from the very first scroll. The landing page was crafted with refined typography, fluid GSAP animations, and immersive Framer Motion transitions to mirror the rhythm of the island. Every interaction was designed to feel organic and effortless, creating a seamless harmony between design and destination. The result is an experience as timeless and graceful as Lombok itself — a quiet invitation to slow down, breathe, and belong. Live site: https://www.twine.net/signin webdesign gsap nextjs webflow framer…
    Mubariz Autohaus — Animated Landing Page
    Mubariz Autohaus specializes in the meticulous restoration of classic muscle cars — machines with legacy, rebuilt with reverence. The client’s goal was to create a landing page that embodies craftsmanship, heritage, and understated power. The design direction focused on quiet elegance: a structured grid, restrained color palette, and crisp typography echoing precision engineering. Subtle GSAP scroll effects and Framer Motion transitions bring movement that feels mechanical yet soulful — a nod to pistons, gears, and the rhythm of revival. Challenges included preserving high visual fidelity while ensuring smooth performance across devices. Through optimized animations and responsive scaling, the result is a digital homage to the timeless art of restoration — where classic muscle finds its second heartbeat online. Live site: https://www.twine.net/signin webdesign gsap nextjs webflow framer…
    Hijrah Hooves — Animated Landing Page
    Hijrah Hooves is a spiritual travel brand offering immersive horseback tours across sacred Islamic landscapes such as Medina and Mecca. The goal was to design a landing page that captures both the tranquility and reverence of these experiences through an elegant, storytelling-driven interface. The project focused on blending faith-inspired visuals with modern web interaction. Using GSAP scroll animations and Framer Motion microinteractions, the site guides visitors through a narrative journey — from desert trails to moments of reflection — evoking a sense of peace and connection. Challenges included balancing high-performance animation with accessibility and maintaining spiritual authenticity in the visual direction. I achieved this through optimized asset loading, semantic HTML for screen readers, and a minimalist, calligraphic design system inspired by traditional Islamic patterns. The final result is a deeply contemplative experience — a seamless fusion of modern motion design and timeless spirituality that helps Hijrah Hooves stand apart as more than a travel brand, but a call to mindful journeying. Live site: https://www.twine.net/signin webdesign gsap nextjs webflow framer…