Weeknd
Check it outCinematic visuals, fast on every device
Roles
Frontend Developer & Designer
Client
weeknd
Overview
Weeknd is a design-led marketing experience built to showcase releases, tour moments, and rich media without sacrificing performance. The site layers bold typography, full-bleed imagery, and choreographed motion so editorial content stays the hero while navigation and schedules stay effortless on mobile and desktop.
The Challenge
The experience needed to feel immersive and editorial without becoming heavy: large visuals, motion, and dense typographic layouts had to stay smooth on mid-tier phones and slow networks.
The Solution
We structured the page into composable sections, used next/image with explicit sizes and priority on above-the-fold media, and kept motion declarative with Framer Motion while gating intense effects behind reduced-motion preferences. Tailwind tokens kept spacing and type rhythm consistent as new content shipped.
Design Screens
Tech Stack
Features
- 01
Responsive art direction across breakpoints with shared design tokens
- 02
Scroll-linked and page-level motion that respects reduced motion settings
- 03
Image pipeline tuned for crisp hero media and fast largest-contentful paint
- 04
Modular sections so marketing can ship new drops without layout regressions