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
What if your "About the team" page felt more like a game than a page?
Most agency websites treat the team section as an afterthought — a grid of headshots, a job title, maybe a one-line bio nobody reads. We wanted TXM's team page to be the part people actually remember.
So instead of a static grid, our team profiles live inside an interactive 3D sphere 🪐 — each teammate orbits around the screen as you scroll, catching light, rotating in space. Double-click on anyone and their card opens up into a full profile: name, role, and a way to connect, right where you found them.
It's a small detail in the grand scheme of the site, but it changes how the whole page feels. Instead of scrolling past your team, you're exploring it.
The rest of the site follows the same philosophy — nothing static if it can move with intent. Scroll-triggered animations drive the hero section, the services breakdown, and the process timeline, so the page reveals itself in motion rather than dumping everything on load.
Everything here is fully hand-coded — no AI builder, no template. Built with Next.js for performance, Tailwind for the design system, and custom scroll-based animation logic layered on top.
Features:
Interactive 3D orbiting team profiles — double-click to explore
Scroll-triggered animations across hero, services, and process sections
Fully responsive, optimized for Core Web Vitals
Clean, conversion-focused layout for client acquisition
Built fully hand-coded with Next.js + Tailwind, zero AI builder shortcuts
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
Related posts
Exploring two visual directions for a luxury surrogacy brand.
Same content.
Same layout.
Different feeling.
One direction feels warmer and more human.
The other feels calmer and more premium.
Which one would you trust with a life-changing journey?
9 voted
20%
35 voted
80%
44 votes
Closed
Will go for Premium
Zuzze recently turned 2, and I finally got around to putting together a showreel featuring some of the work from 2025. Sound ON 🎵
A few highlights from the past year:
• Over 90% of clients came back for additional work within a year, proving that clients value a strategic partner who thinks like a builder, not just an executor.
• Adopted AI-native development by combining the latest AI tools with traditional design and engineering, earning the “Best Prompt” award at the first @Figma Make-athon by @Contra HQ, selected from more than 10,000 submissions.
• Earned Spline Expert certification and won the top prize at the @Spline Hackathon by @Contra HQ with an interactive 3D storytelling experience.
• Became a Frontend Guild Leader at a.team, an elite AI talent network representing the top 1% of AI-native product builders worldwide.
Thanks for everyone who has been part of the journey so far and excited for what’s next! 🫶
Congratulation! Wait me there 🥰
Designed a modern SaaS landing page for Sync – AI Search Analytics for Marketing Teams.
Clean, vibrant UI with bold hero section, clear value proposition, smart CTAs, and sleek visual hierarchy focused on AI-powered search analytics and marketing insights.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?