Elevated Social
Frontend Developer · Marketing Site
On behalf of We Are Elevated
A conversion-focused landing page for Elevated Social, the TikTok Shop growth venture from the We Are Elevated team. Next.js, TypeScript, and Tailwind, built from their Figma end to end.
Overview
Elevated Social is a TikTok Shop growth agency started by the We Are Elevated team, the agency I partner with as a developer. When they needed a front door for their own venture, they handed me the Figma and the build. I built it in Next.js with TypeScript and Tailwind CSS, with the details that make a conversion page feel premium: a scroll-driven interactive timeline, mobile-first carousels with snap scrolling, animated gradient CTAs, a video hero, parallax, and responsive pricing cards, pixel-matched to the design. Under the hood there is JSON-LD structured data with Open Graph and Twitter Cards, scroll-aware animations on intersection observers, Next.js image optimization, and font preloading. The site is live at [elevated-social.com](https://elevated-social.com/), driving the strategy-call bookings the venture runs on. The part I value: the agency that sees my work up close picked me to build their own.
Technical highlights
- Next.js, TypeScript, and Tailwind CSS, pixel-matched to the Figma design.
- Scroll-aware animations on intersection observers.
- JSON-LD structured data with Open Graph and Twitter Cards.
- Next.js image optimization and font preloading.
- Reusable component primitives.
What shipped
- Scroll-driven interactive timeline
- Mobile-first carousels with snap scrolling
- Video hero with animated gradient CTAs
- Parallax effects
- Responsive pricing cards
- JSON-LD, Open Graph, and Twitter Card metadata
Stack
Next.js, TypeScript, Tailwind CSS, Responsive Design, Landing Page, Figma-to-Code, Animation, SEO
Screens
