Product Catalogue
Editorial product pages with skin-condition filters, ratings, and dynamic pricing display.
E-commerceCélune Skincare (Case Studies)2026
From social selling to a store that converts while you sleep.
A botanical skincare brand elevated from social selling to a fully-owned online store with editorial-grade product showcases and integrated payment.
Online StoreMotion UICheckout
ClientCélune Skincare (Case Studies)
ScopeUX & Visual Design · Frontend Development · Motion UI · SEO
Timeline3 weeks
Year2026
ClientCélune Skincare (Case Studies)
CategoryE-commerce
ServiceUX & Visual Design, Frontend Development, Motion UI, SEO
Timeline3 weeks
Year2026
01
The Brief
Célune was managing orders through Instagram DMs and WhatsApp — no cart, no checkout, no customer data ownership. As demand grew, the manual process became a bottleneck. High-intent browsers dropped off when buying meant sending a message and waiting for a reply.
02
The Build
We built a fully-owned e-commerce experience with an editorial design language that matches the brand's botanical identity. GSAP-powered scroll animations, countdown-driven product launches, and a streamlined checkout through Midtrans — GoPay, OVO, and bank transfer — all on a mobile-first layout designed for the way Indonesian customers actually shop.
03
What We Shipped
Every component we built, and the brief behind it.
Checkout & Payment
Cart-to-confirmation flow with GoPay, OVO, and bank transfer integrated through Midtrans.
Motion UI System
GSAP-powered page transitions, scroll reveals, countdown timers, and hover micro-interactions across every section.
Mobile-First Layout
Touch-optimised navigation, swipe product galleries, and sticky purchase CTAs built for mobile-dominant traffic.
04
Impact & Results
The real-world outcomes and performance indicators.
3Weeks to launch
45%Reduction in manual DMs
1Fully-owned sales engine
05
Tech Stack
Next.jsTypescriptGSAPTailwind CSSVercel