Rattan Store
2026 — Website
Role
Frontend Development
Tech stack
Next.js, GSAP, Lenis
Design
Danu Pratama
Development
Danu Pratama
LINK
Contributions
(1)
Built a complete e-commerce frontend for a handcrafted rattan furniture brand, featuring product catalog, gallery, and WhatsApp-based checkout flow without a payment gateway, designed to match the brand's artisanal, high-touch business model.
(2)
Implemented persistent cart system using localStorage with real-time counter, quantity management, and auto-formatted WhatsApp order message including customer details and itemized product list.
(3)
Designed masonry gallery with GSAP-powered lightbox, images animate from their grid position to fullscreen using getBoundingClientRect, creating a smooth spatial transition without GSAP FLIP plugin.
(4)
Structured all content from JSON data files with clean separation of concerns, making the codebase ready for CMS migration to Sanity with minimal refactoring.
CONTEXT
A frontend portfolio project for a handcrafted rattan furniture brand based in Indonesia. The store intentionally omits a payment gateway. Rattan furniture is a high-value, low-volume product where customers expect personal service, flexible custom orders, and manual shipping cost negotiation based on location. WhatsApp serves as the order channel, keeping the buying experience human and direct while the website handles product discovery, brand storytelling, and order initiation.