$CrazyClips Memecoin
Project
12 / 16
Website
Scope
Frontend engineering | Interaction design | Campaign media
Status
Archived Project
Summary
$CrazyClips builds its memecoin identity around a monochrome social persona and four campaign posts. The black-and-white logo, oversized profile capture, fixed social controls, and clearly mocked contract control keep the coin's character consistent across the experience.
$CrazyClips extends that identity through opposing side callouts on wider screens and a responsive grid of campaign posts. The project remains focused on the coin's profile and social content, aligned with what the deployed experience delivers.
Inside the Build
$CrazyClips v1 locks body scrolling while its entry logo runs, then accepts click, tap, touch movement, or scroll as dismissal input. After the transition, Framer Motion maps page progress to the profile frame's rotation, scale, and vertical position, with side-card parallax removed below the 768-pixel breakpoint.
$CrazyClips preloads its hero image and renders it with lazy loading plus a blur placeholder. A separate in-view sequence staggers the four post screenshots into one, two, or four columns while fixed social controls and a placeholder contract interaction remain reachable. The neighboring v2 source is the separate worried-puppet $CRAZY project.
Contribution
- I designed the click-to-enter transition and settled campaign hierarchy
- I built copy-state feedback for the placeholder contract control and external actions
- I created the responsive four-post grid with in-view staging
- I added preload, lazy-image, and blur-placeholder handling
Built with
- React
- Vite
- Framer Motion
- Tailwind CSS
- Lazy Load Image
