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
New project: my own intro video, built entirely in code.
I'm a freelance full-stack web developer, and I wanted a quick way for potential clients to understand what I do. So I built a short, minimal intro using Claude Code and Remotion, a React library for making videos with code.
Claude helped me build faster, but the video still needed real planning:
→ A clear storyline: who I am, what I build, and who I build it for
→ Pacing that holds attention for 30 seconds without feeling rushed
→ Two formats: wide screen for portfolios and desktops, vertical for mobile and social
→ A clean design that stays simple without feeling empty
It took several rounds of refining timing, transitions, and layout before it felt right.
I bring the same approach to client work. AI helps me move fast, but the structure, design choices, and attention to detail come from me. I build websites for small businesses and startups with Next.js, React, and Node.js, and I handle everything from design through deployment.
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
Building a new portfolio in less than two days? Let's go! 🚀
For the Base44 Challenge, I decided to focus on something close to me... my own website. I wanted to make sure it felt fun, fresh and featured automated elements to make potential clients' lives easier and, in turn, mine.
The website features an interactive colour-changing cursor, a 3D project carousel and a personalised questionnaire that tailors the questions I ask to the specific project a client needs help with.
Client enquiries go straight to my inbox and into a private project portal, where I can review the details and keep all the information handy for follow-ups.
On top of that, I set up a project management system where I can create projects, add tasks and keep track of deadlines. It's fully customisable and easy to use.
Less admin, better briefs, and more time to focus on the creative work. 🙌
This is inspiring! Building a full portfolio in 2 days with automated elements is next level. Love the fun & fresh approach. Congrats on the submission!
If your members pay premium. Your website should look like it.
Animation really changes the way you look at a website.
The premium is in the details. 🤌
Hero section with animation for a Tennis Sports Club Membership Platform.
Full landing page WIP; gonna share it very soon.
The animation adds a lot to the premium feel for a tennis club membership platform. Looking forward to seeing the full landing page.
Snap — Interactive 3D Patch Studio
The problem
Customizing clothes online creates a gap between what the customer imagines and what ends up on the sewing table. People want creative freedom; production needs exact instructions. The result is endless back-and-forth and “where do I put this patch?” messages.
The build
I’m a designer, so everything started in Figma — every screen, hover and sticker. Then I rebuilt it in Base44, one prompt at a time: layout first, then motion, then the 3D studio.
In the studio, you drop patches anywhere on a real 3D shirt, then rotate, resize, duplicate or undo. On mobile, it’s built for one thumb: separate modes for viewing, placing and editing, and quick zones like Chest or Sleeve. Small details carry the brand: hover a patch in the catalog to see it sewn on a shirt, or hover the headline letters to watch them turn into 3D type.
Three things fought back:
Patches on a real 3D shirt — solved with surface decals that follow the fabric.
Saving exactly what people design — solved with automatic front/back snapshots.
One-thumb mobile editing — solved by splitting the studio into clear modes instead of shrinking the desktop layout.
Automation
Snapshot → production (saves time, removes errors). The moment you add to bag, snap captures your design front and back. The snapshots go to production with the order, and the admin can download a ready-to-print production sheet as a PDF. What you see is exactly what we sew.
Status emails (customer experience). Change an order’s status in the admin, and the customer is notified automatically: in production, shipped with tracking, delivered.
Owner alerts (operations). New orders and contact messages land in my inbox right away, with a link to the order.
Waitlist (leads). Unreleased items like the hoodie collect sign-ups instead of being a dead end. The moment I switch it live, everyone waiting gets an email.
Vibe code. Vibe design. Real thread.
Life project:
https://figma-snap-416e61aa.base44.app
Figma file (for personal use)
Full screencasts are in the comments: the customer flow (from the catalog to checkout, on desktop and mobile) and the admin flow (the order with its snapshots → the production PDF → a status change → the automatic email).
Ohhhh wowww this is nice