Orenda On Forever

Orenda On Forever is an innovative 3D e-commerce platform specializing in luxury Padel and Pickleball rackets. The website features immersive 3D product showcases, gender-wise product organization, and a unique curved advertising system, providing a distinctive shopping experience different from traditional e-commerce sites.

Technologies Used

Next.jsReactSupabasePostgreSQLAPI3D RenderingBlenderAIStripeNode.js

Web Project Info

Completed

startDate: 2025-06-01

endDate: 2025-10-07

teamSize: 3

role: Full-Stack Developer & 3D Web Designer

deployment: NameCheap

Gallery

image

1 / 5

Immersive 3D homepage with curved advertising system

User Experience

User Flows

Explore stunning 3D visual illusions and interactive hero sections

Browse gender-organized product categories

Add items to persistent cart (works for guests and logged users)

Complete secure checkout with Stripe payment processing

Track orders and manage account preferences

Accessibility

Responsive design that adapts render elements for mobile devices

Keyboard navigation support for interactive elements

Clear product information and sizing guides

Secure payment processing with user data protection

Key Features

Photorealistic Blender-rendered visuals creating immersive depth on standard web platform

Gender-wise product categorization and display

Persistent shopping cart (database for logged users, localStorage for guests)

Curved advertising banners on homepage

Advanced hero section with Blender-rendered visual elements

Responsive design with optimized render integration

Secure Stripe payment integration with Node.js backend

Technical Challenges

Technical Challenge 1

Problem:

Achieving photorealistic visual depth without traditional 3D web engines

Solution:

Utilized high-quality Blender renders for photorealistic 3D illusions without complex web 3D engines

Result:

Impressive visual depth with optimal performance and fast loading

Technical Challenge 2

Problem:

Implementing persistent cart for both authenticated and guest users

Solution:

Created hybrid storage system using Supabase for logged users and localStorage for guests

Result:

Seamless shopping experience across user types without data loss

Technical Challenge 3

Problem:

Creating curved advertising banners and complex 3D geometries

Solution:

Used Blender for 3D modeling and custom shaders for curved surfaces

Result:

Unique visual advertising system that stands out from traditional banners

UX Challenges

UX Challenge 1

Problem:

Delivering immersive visual experiences across standard web browsers

Solution:

Implemented adaptive layouts that integrate Blender renders effectively across devices

Result:

Consistent visual impact while maintaining traditional web performance

UX Challenge 2

Problem:

Organizing products by gender with consistent design patterns

Solution:

Developed gender-specific UI themes and navigation structures

Result:

Intuitive product discovery and improved user engagement

UX Challenge 3

Problem:

Designing compelling hero section with 3D showcase elements

Solution:

Created interactive 3D scenes with product highlights and animations

Result:

Engaging first impression that drives product exploration

Results Achieved

Successfully launched innovative 3D e-commerce experience

Established unique brand identity in sports equipment market

Implemented comprehensive order management system

Achieved secure payment processing with Stripe integration

What I Learned

Creating 3D visual illusions using 2D web technologies and Blender renders

Hybrid storage solutions for persistent user experiences

Creating unique visual identities through render-based design

Implementing secure payment flows for authenticated users

Balancing visual quality with performance in e-commerce

Development Journey

Started with traditional 2D e-commerce design and product listings

Transitioned to 3D illusion concept using high-quality Blender renders

Implemented gender-wise product organization and consistent UX patterns

Developed order management system with Node.js backend

Integrated Stripe payment processing with secure checkout flows

Added curved advertising system and advanced render-based hero sections