3 months of building, experimenting, and solving a lot of interesting problems.

I’ve been working independently on PlanToPrice, a browser-based 3D building configurator that lets customers customize tiny homes, garden rooms, and modular buildings while seeing every change in real time.

One of the biggest challenges was balancing visual quality with performance. I experimented with baked lighting for realistic interiors, optimized the 3D rendering, and built multiple ways to explore buildings, including waypoints, room switching, and WASD movement.

I also developed a custom configuration system for windows, doors, materials, kitchens, and interiors, along with spatial restrictions to prevent invalid combinations.

Beyond the 3D experience, I built an admin interface where manufacturers can manage options, pricing, and quotation requests.

Built with React, Three.js, and WebGL.

Still improving it, but it's been a rewarding three months of combining UI/UX, 3D graphics, and front-end engineering into a working product.

Explore: https://plantoprice.app/

Second #Rive animation locked in! 🏰✨

For this build, I designed and animated a gothic portcullis interactive UI element triggered by a glowing gemstone mechanism.

What I focused on for this experiment:

End-to-end vector design in Rive: Built entirely from scratch inside Rive to dust off my vectoring skills and master its native pathing/drawing tools.

Interactive State Machines: Configured the click logic using listener triggers to handle the open/close state loop smoothly.

Gothic UI Aesthetics: Balanced heavy metallic structures with subtle vector lighting to keep that dark fantasy feel.

Still diving deeper into interactive vector motion every day! What do you all think of the timing and state transitions?

Looking for a motion designer for your next project? Let’s collaborate! 🚀