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
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.
Beautiful execution! I like how the website's minimal design reinforces the brand's 'one ingredient' philosophy. The combination of smooth scrolling, subtle GSAP animations, and performance-focused development creates a premium experience that keeps the product as the hero. Great balance of aesthetics and usability. 👏
Thank you so much, Adesuyi! 🙏 That's exactly the balance I was going for letting the product breathe without the animations stealing focus. Really appreciate you noticing the details, means a lot ✨
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
The “mobile-first” approach is no longer an option.
A beautiful design for desktop computers does not automatically guarantee an excellent mobile experience. Good responsive design isn’t just about resizing elements to fit the screen; it’s about ensuring they function effectively.
In this comparison, both versions are based on an identical desktop layout. The only difference lies in how the content is adapted for smaller screens.
In one version, everything is simply scaled down.
In the other, the hierarchy, spacing, and composition have been reimagined to meet the needs of mobile users.
Now it’s your turn. 👇
Which mobile version would you choose – 01 or 02? Tell us why in the comments.
56 voted
52%
52 voted
48%
108 votes
Closed
1 🙌
@Brady Patterson (From 49ers to Roofers) 🏈 → 🛠️
How to Out-Strategy as a Designer AI in 2026 🎬
In this episode, we sat with @Brady Patterson who went from working with top sport brands like 49ers, USC, Fox Sports, Apple, and Hulu to building cult‑like brands and high‑converting websites for roofers, garage door companies, and blue‑collar businesses.
We also unpack why “unsexy” trades might be the best niche designers are sleeping on, and how to turn creativity into consistent, lead‑driven income.
Watch Full Episode below ↓
Great episode, really enjoyed recording it.
@Brady Patterson designed for the 49ers, apple, hulu, fox sports.
now he brands roofers and garage door companies. and he doesn't charge a flat fee, he takes a cut of the leads.
most designers read that as a step down. it's a designer who found clients that can actually measure him.
a big tech client has forty inputs feeding revenue and no way to isolate yours. you get paid for the deliverable and the value of your work stays an opinion.
a roofer has a phone that rings or doesn't.
that's the client who can pay you on results. not because they're generous, because they can prove it.
new uncontrad with brady is live
Loading this content connects you to YouTube.
YouTube privacy information
Great podcast, a lot to learn from this fella 🧠