work/animated-portfolio-experiment

Motion craft · 2025

Awwwards-Inspired Web Experience

A motion-heavy web experience focused on visual storytelling, responsive animation, and polished frontend interactions.

Role
Frontend animation and interaction builder
Status
Live demo
Stack
React · Vite · TypeScript · Tailwind CSS · GSAP
Relevant for
Full Stack

01

Problem

The portfolio needed a contrast piece that proved motion literacy and stronger visual range.

02

What I built

Built modular animated sections with React, TypeScript, GSAP-style sequencing, responsive cards, and contact interactions.

03

Outcome

A secondary visual proof point for UI craft, motion taste, and frontend exploration.

Screenshots

See it for yourself.

Shipped

  • ✓Animated storytelling sections
  • ✓Card interactions and contact flow
  • ✓Responsive visual system

Hard parts

  • !Keeping visual energy without breaking responsive readability.
  • !Coordinating scroll, card, and contact interactions.
  • !Maintaining performance while using image-heavy sections.

© 2026 Leo Wang · Vancouver, BC · Built with Next.js, AI pair-programming, and careful review.

↑ ↑ ↓ ↓ ← → ← → B A

Awwwards-Inspired Web Experience · Case Study · Leo Wang