The Objective Traditional e-commerce platforms often force high-end design studios to choose between a cinematic portfolio and a functional storefront. The objective for Nuvra was to eliminate this friction by engineering a "Dual Engine" architecture—a hybrid digital environment that allows interior brands and architectural firms to sell their physical products and showcase their residential case studies within a single, seamless experience.

The Mindset I approached this build with the philosophy that sophistication is the art of subtraction. Because most e-commerce templates feel crowded and highly transactional, I prioritized massive negative space, "calm geometry," and depth. By utilizing a frosted glassmorphism UI, the interface recedes, allowing the physical materials and high-end product photography to breathe. The system is designed to sell a complete vision, not just an inventory list.

Technical Execution & Roadblocks Balancing heavy, immersive visual interactions with strict mobile performance standards is a constant friction point in Framer. To solve this without compromising the UX:

• Breakpoint Logic: Engineered a custom React Lightbox component that provides an "Apple-style" frosted glass navigation on desktop, but intelligently detects viewport width to revert to native scrolling on devices under 810px to preserve performance.

• Dual CMS Architecture: Built a highly integrated content management system that powers both narrative project pages (featuring sticky briefs and high-fidelity galleries) and dynamic product endpoints, ensuring users can update content instantly via component properties without touching the core canvas.

• Custom Components: Developed complex, interactive modules—such as the LuxSlider and a Before/After transformation slider—while enforcing a strict 3-breakpoint responsive grid and semantic SEO structure for long-term commercial scaling.