Back to explorations

Marketcard

Make the interaction memorable.

Commerce / Motion designFrontend developmentProduct development

The challenge

An animated product and card-customization experience needs to balance expressive motion with a predictable interface and a maintainable component system.

How I approached it

Used Next.js, React, and TypeScript to organize the interface, Tailwind CSS for styling, and GSAP for coordinated product transitions and animation.

What came out of it

An animated product landing and card-customization application that extends my mobile work into interactive web experiences.

How the pieces connect

01Next.js
02React state
03Customization
04GSAP motion

Coordinated product animation

Interactive card customization

Typed, reusable UI components

Next destination

MediTrack