TrueKind is a study in softness, rhythm, and interaction, designed around the rituals of modern skincare.
The experience combines editorial composition with tactile motion, turning product discovery into something calm, expressive, and deliberate.
Date Completed
2026
Project Type
Frontend Experience
E-commerce Clone
Focus
Art Direction
Motion Design
Highlights
GSAP Animations
Interactive Product UI
Development Story
The goal was to recreate the feeling of a premium skincare brand rather than simply reproduce an ecommerce interface. Every section was treated as part of a visual journey, allowing typography, imagery, whitespace, and motion to work together.
Instead of relying on abrupt transitions, the interface uses layered movement and carefully timed reveals to make the experience feel fluid. Products enter the viewport with intention, sections transition organically, and interactions respond without overwhelming the content.
Experience & Motion
Tech Stack
NextJs
GSAP, Framer Motion
Tailwind, Shadcn
Motions
Scroll-driven animation
Parallax transitions
Text Reveals
Interface
Product Discovery
Responsive Layout
Editorial Sections
Important Links
Frontend
Inspiration
Motion became part of the visual language. Rather than treating animation as decoration, each transition reinforces hierarchy and gives the interface a more tactile character.