The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Engineered a premium, responsive multi-page web platform for an elite sports management agency. Developed utilizing Next.js 14, Tailwind CSS, and TypeScript, the application integrates custom scroll-triggered animations and dynamic routing to showcase athlete rosters, track event schedules, and facilitate direct client inquiries.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
FLVR is a fruit snack brand with a bold, single-ingredient product story,: "An entirely new fruit snack, made of fruit." I designed and built their website to match that same energy: clean, confident, and premium.
The site features smooth scroll interactions (powered by Lenis), scroll-triggered reveals (GSAP + ScrollTrigger), and a minimal, product-first layout that puts the brand's simplicity front and center no clutter, just clean typography and purposeful motion.
Key focus areas:
Smooth scroll experience for a premium, app-like feel
Scroll-triggered animations to guide attention section by section
Responsive design fully optimized across devices
Fast load times despite rich animation (performance-first approach)
Clean, minimal UI that reflects the brand's "one ingredient" philosophy
Tools used: Vanilla JavaScript, GSAP, ScrollTrigger, Lenis (smooth scroll)
This project reflects the kind of work I love doing taking a brand's core identity and translating it into an interactive, trustworthy website experience that doesn't just look good, but feels intentional at every scroll.
Hi Averro, lovely design overall!
One thing I might change from a UX perspective: having a hamburger menu on desktop, where there's plenty of room to show all the navigation links, only creates friction. Even though it looks nice and feels like a great feature, it makes the user take more steps to access the link they want.
Exploring seamless transitions with React Three Fiber and GSAP for (another) dark art artist. The idea: enter the frame as if stepping into the world of the artist's work.
This is an exploration project - raw, experimental, and not tied to page transitions yet. But the core interaction feels right: click a frame, scale it up, and you're inside the artist's work.
Live: https://r3f-3d-frame-seamless-transition.vercel.app
{ Tech details }
3D frame: Midjourney → Hyper3D Rodin → Blender pipeline
Scene: CubeCamera for real-time reflections on frames
Animations: GSAP timelines for frame scaling, shader transitions, and UI overlays
Stack: React Three Fiber + Next.js 15 + React 19
Meridian is a premium Framer template designed for B2B SaaS companies, startups, agencies, and modern tech businesses. It features a clean, conversion-focused layout with polished visuals, responsive design, smooth interactions, and well-structured sections to help you launch a professional website faster.
Whether you're showcasing your product, services, or company, Meridian provides everything you need to create a high-performing online presence without starting from scratch.
