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
Portfolio update day 7/30 : Three.js website.
Today I drafted the interactions. Removed a few sections from the layout and combined different shading variations.
The idea is to make transitions seamless but for the preview it's already enough to have not so clean transitions.
Will go polishing it now, update shading to get more realistic environment and when all these steps are ready, will manually redraw all layout to get perfect results.
My stack is pretty simple - just Blender, Claude, React Three Fiber and Figma
(and ElevenLabs on the first stage) - I think it's more than enough for perfect results.
Keep building!
I think I don't need to care about it on the draft stage but thank you!
It's amazing. Especially, the self-driven machine's video and it's map.
Thank you! It's now a video, real-time 3D scene 😊
Amazing work my friend! How did you record this video? Screenstudio? Also did you make all the website using Claude? Any specific IDE or direct on Terminal? I am getting used to this workflow
I use CLI version for claude with some custom-made plugins that help me to speed up the website delivery. But all you need now it's some knowledge about what you do and how it works, modern AI and skills
Thanks @Vasily One
Sounds great. I am using Claude Code itself, and pointing it to the websites I am working. Also you dont mention about the video question!
Oh sorry, missed it! Just standard mac screen recording tool+capcut for editing
Great work🔥👏👏
Thank you! Still in progress!
Superb execution!
Thank you, it will look better on the production stage!
The lidar mapping visual with the corridor lines and depth circles gives it a real sense of the robot actually sensing its environment rather than just moving along a fixed path. Keeping the transitions a bit rough for now is smart, easier to spot what needs fixing before you polish.
Exactly. Thanks!
The design is sleek!
Redrawing the layout manually after the interactions are locked is the right call. if you build the visuals first and wire in transitions after you end up reworking half the scene once you see what actually reads well in motion
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
Portfolio update day 4/30:
Today I started migrating the scene to Three.js with Claude.
What I've accomplished:
WebGPU scene with soft shadows and reflections, transfer of models, materials, and environments, lighting setup.
As expected, I transferred all the routine work to Claude and didn't bother with manual export.
This will require review and possible optimization in the final stage, but for now the result is amazing.
Next up are the bot animation, the Rive interface, and finally, the creation of the website layout into which the scene will be integrated.
I keep building!
WebGPU still has spotty browser support so that review stage probably needs a fallback path not just optimization. worth locking in early since it is easy to design around it later than to patch it after the scene is built
Built this landing page using Figma + Claude Fable 5.
https://novaabank.netlify.app
Wow , i mean now words still cannot belive ai did this
Portfolio update day 3/30:
Created environment references with Elevenlabs and immidiately transferered it to Blender.
Tried to use Claude to build it but decided - the old good way with manual extrude and texturing is more preferred here.
But on the next stage Claude is non-negotiable, I just delegate all routine work to it now. Baking, GLB export, texture compression - everything ready in a few minutes.
Will do Three.js migration tomorrow. Have a nice weekend to all!
That's smart delegating the repetitive work to Claude for the heavy lifting parts like baking and exports. The combination of manual control where it matters and AI automation for the routine work is really powerful. How's the Three.js migration going so far?