Founded and led a niche web design agency targeting halal-focused brands; designed and developed client websites using Next.js, Tailwind CSS, GSAP, and Framer Motion; built sites on WordPress; implemented SEO improvements with Ahrefs and structured metadata; focused on UI/UX, accessibility, and conversion optimization.

Front-End Developer at MRS CRAPER USA

January 1, 2025 - January 1, 2025

Developed and maintained all front-end pages using Laravel Blade; enhanced UI/UX consistency across applications; improved SEO performance via Ahrefs and structured metadata.

Web Developer at PENA USA

January 1, 2024 - January 1, 2024

Rebuilt the company site using Next.js after an initial WordPress version.

Graphic Designer at PENA USA

January 1, 2024 - January 1, 2024

Designed icons and marketing materials for brand campaigns.

UX Researcher at Pena

January 1, 2024 - January 1, 2024

Conducted UX research and prototyped designs in Figma.

Front-End Developer at Barrans Global Mandiri Bandung

January 1, 2022 - January 1, 2022

Developed features for Internet Service Provider applications.

Graphic Designer at Insan Bumi Mandiri Bandung

January 1, 2019 - May 1, 2021

Developed marketing videos, icons, and assets; analyzed advertising performance and created marketing materials.

Founder & Lead Web Designer/Developer at Nocktet Rad

January 1, 2025 - November 8, 2025

Built and led a niche web design agency targeting halal-focused brands. Designed and developed custom sites using Next.js, Tailwind CSS, GSAP, Framer Motion. Enhanced SEO using Ahrefs, structured metadata, and content strategies. Focused on UI/UX best practices, accessibility, and conversion optimization.

Front-End Developer at MRS Scraper USA

December 31, 2025 - December 31, 2025

Developed front-end features for remote clients; implemented UI/UX improvements and optimized performance.

Front-End Developer at PENA USA

January 1, 2024 - January 1, 2024

Rebuilt company site using Next.js after initial WordPress version. Built custom landing pages in environments like Mintlify, ReadMe, ArchBee, DocuSaurus.

UX Researcher at PENA USA

January 1, 2024 - January 1, 2024

Conducted UX research and prototyped designs in Figma.

Graphic Designer at IN SAN BUMI MANDIRI Bandung

January 1, 2021 - January 1, 2021

Developed marketing video campaigns; Analyzed ad performance using RCNN methods; Created icons and design assets for marketing purposes.

Education

Diploma in Management Information Systems at STMIK AMIK Bandung

January 1, 2015 - January 1, 2018

Diploma in Management Information Systems at STMIK AMIK Bandung

January 1, 2015 - January 1, 2018

Front-End React Developer at Mahardika Solusi Teknologi

January 1, 2020 - November 8, 2025

Qualifications

Front-End React Developer Certification

January 1, 2020 - November 8, 2025

Industry Experience

Software & Internet, Media & Entertainment, Professional Services, Education

Estrella — Architecture Studio Website

Estrella is a refined, editorial-style Webflow landing page created for a contemporary architecture studio. The design mirrors architectural precision — combining structured layouts, bold geometric typography, and soft motion effects to evoke balance and sophistication. Built to highlight craftsmanship, concept, and spatial storytelling, each section flows with visual rhythm, guiding visitors through the studio’s philosophy and featured works. With immersive hero visuals and seamless scroll transitions, Estrella transforms architectural presentation into a digital experience of form and feeling. Live site : https://www.twine.net/signin webdesign gsap nextjs webflow framer…Estrella is a refined, editorial-style Webflow landing page created for a contemporary architecture studio. The design mirrors architectural precision — combining structured layouts, bold geometric typography, and soft motion effects to evoke balance and sophistication. Built to highlight craftsmanship, concept, and spatial storytelling, each section flows with visual rhythm, guiding visitors through the studio’s philosophy and featured works. With immersive hero visuals and seamless scroll transitions, Estrella transforms architectural presentation into a digital experience of form and feeling. Live site : https://www.twine.net/signin webdesign gsap nextjs webflow framer

Art DirectorGraphic DesignerMotion Graphic DesignerPhotoshop EditorWeb DesignerWeb Developer

Andromeda — Webflow Landing Page

Andromeda is a modern Webflow landing page built for creative agencies aiming to establish a bold, high-impact online presence. The design combines minimal structure, cinematic typography, and refined motion, evoking depth, sophistication, and confidence. Each section flows seamlessly, guiding visitors through the agency’s story while maintaining a strong focus on clarity and conversion. Fully responsive and visually immersive, Andromeda demonstrates how storytelling, motion, and clean aesthetics can come together to elevate a brand’s digital identity into an unforgettable experience. Live site: https://www.twine.net/signin webdesign gsap nextjs webflow framer…Andromeda is a modern Webflow landing page built for creative agencies aiming to establish a bold, high-impact online presence. The design combines minimal structure, cinematic typography, and refined motion, evoking depth, sophistication, and confidence. Each section flows seamlessly, guiding visitors through the agency’s story while maintaining a strong focus on clarity and conversion. Fully responsive and visually immersive, Andromeda demonstrates how storytelling, motion, and clean aesthetics can come together to elevate a brand’s digital identity into an unforgettable experience. Live site: https://www.twine.net/signin webdesign gsap nextjs webflow framer

Art DirectorGraphic DesignerMotion Graphic DesignerPhotoshop EditorWeb DesignerWeb Developer

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…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

Art DirectorGraphic DesignerMotion Graphic DesignerPhotoshop EditorWeb DesignerWeb Developer

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…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

Art DirectorGraphic DesignerMotion Graphic DesignerWeb DesignerWeb Developer

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…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

Art DirectorGraphic DesignerMotion Graphic DesignerPhotoshop EditorWeb DesignerWeb Developer

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…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

Art DirectorGraphic DesignerMotion Graphic DesignerPhotoshop EditorWeb DesignerWeb Developer

Hire a Web Designer

We have the best web designer experts on Twine. Hire a web designer today.

Find a Web Designer

Art Directors for hire

Designers for hire

Front-End Developers for hire

Product Designers for hire

UI Designers for hire

UX Designers for hire

Web Designers for hire

Web Developers for hire