Contact Me
TrueKind Hero

TrueKind

Skincare Ecommerce Experience

View Project

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

Arcade Residence interiors and light

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.

Next Project