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
When I first saw this website design, I knew I wasn't going to recreate it manually in a design tool. I'm not a UI designer—I build products by combining AI with development.
I started by studying the layout, typography, spacing, and overall user experience. Then I wrote detailed prompts in Replit AI, describing each section of the website and refining the output until it matched the vision.
Instead of dragging elements around in a visual editor, I generated, reviewed, and improved the code through iterative prompting. Whenever something wasn't quite right, I adjusted the prompts, edited the React components, and refined the styling until every section felt polished.
The result is a fully responsive sports training platform featuring a bold hero section, camp listings, embedded videos, testimonials, strong call-to-actions, and a clean navigation experience. The site is optimized for performance, mobile devices, and future scalability.
This project reflects how I work today: using AI as a development partner—not to replace coding, but to accelerate it. I combine prompt engineering with hands-on coding to deliver production-ready web applications much faster than traditional workflows.
Built with: Replit AI, React, Next.js, TypeScript, Tailwind CSS, GitHub, and Vercel.
This project demonstrates how modern AI-assisted development can turn an existing design into a fast, scalable, and production-ready web application.
visit: https://basicsrefereeschool.com/basics/
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
Another project wrapped up! 🙌
I recently designed this homepage with a focus on simplicity, clarity, and creating an engaging user experience. It's always exciting to see ideas evolve into polished interfaces.
Would love to hear your thoughts!
🌐 3D Model Studio: Dynamic Scene Navigation & Real-Time Spatial Pins
Following up on yesterday’s virtual tour module, today I’m showcasing another core pillar of the platform I’ve built: the Interactive 3D Model Studio.
As a freelance Full Stack Developer with over 9 years of professional experience specializing in Three.js, WebGL, and React, I designed this tool to make navigating complex 3D interior architecture simple, snappy, and entirely web-based.
🛠️ What I Built & Handled in this Feature:
3D Database Initialization: Handled the heavy liftoff of initializing the 3D environment loading states smoothly in the UI.
Bi-Directional Sidebar Navigation: Built a reactive side navigation list. When a client clicks on a room listed in the sidebar (e.g., Modern Kitchen), the camera smoothly travels to that point.
Camera Rig Controller: Developed a multi-perspective controller allowing users to orbit freely or swap instantly between structured camera presets (Top View, Left, Right, Front, Back).
Smooth Camera Transitions: Wrote custom transition math using Three.js to ensure the camera glides seamlessly without causing motion sickness.
If you are looking to build interactive spatial tools, high-performing 3D configurators, or customized web editors, let's connect!
💼 Hire Me on Contra
I work closely with startups and established brands to design and develop custom, cutting-edge 3D web products.
💬 Or hit "Message" right here on my Contra profile to discuss your project scope directly!
Good job Pro
I built a constellation map you don’t click - you reach.
Wave to drift through the sky. Pinch to pull a star closer. Your hands become the interface, and for a second it stops feeling like a website and starts feeling like looking up at night.
The aha moment: the best interaction isn’t the cleverest one - it’s the one that disappears. No buttons. No tutorial. Just motion that feels obvious the first time you try it. That’s the bar I hold for product work too: luxury audiences don’t want to learn your UI. They want to trust it instantly.
Built in a day with MediaPipe + AI prototyping - less a “finished product,” more a design experiment: can gesture feel calm instead of gimmicky? (Spoiler: yes, when you design for the pause between movements, not the wow.)
For clients: this is how I test bold ideas fast - before weeks of screens. For designers: proof that your weirdest side project might teach you more than your safest case study.
Very cool🙌 🔥
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.
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?