UI/UX Design

Get Hyped — Marketing Portal

+200% User Engagement

Timeline

1 Month

Role

Interaction Engineer

Stack

React 19ViteTailwind CSS v4LenisFramer Motion+1
Get Hyped — Marketing Portal

Overview

Get Hyped is a high-performance marketing portal featuring fluid responsive designs, Lenis smooth scrolling, and advanced micro-interactions.

The Challenge

Creating fluid, eye-catching visual animations (such as fanned card decks and infinite marquees) without degrading browser performance.

Our Process

Utilized Lenis for smooth scroll hijacking and connected scroll offsets to Framer Motion values. Configured GPU-accelerated CSS transforms.

The Solution

Integrated Tailwind CSS v4 and Framer Motion into React 19, delivering highly interactive marketing flows with zero frame drops.

Results

+200%

Engagement Rate

60 FPS

Scroll Smoothness

<500ms

First Contentful Paint

Gallery

Fanned Cards and Micro-Interactions Portal
Fanned Cards and Micro-Interactions Portal