• info@hollistechnology.com
  • +44 20 7946 0958
Get an estimate
Menu

The Challenge: Democratizing Interior Architecture via AR

E-commerce platforms selling premium home furniture face a persistent challenge: high return rates due to product scale and color misalignment with customer spaces. Furnishings wanted to solve this by building a responsive, WebGL-driven Augmented Reality (AR) interactive catalog. The platform needed to allow users to customize furniture configurations (size, materials, fabric colors) and visualize them in real-time within their physical rooms directly via a browser, with no app downloads required.

The primary technical hurdles involved rendering complex, high-poly 3D models smoothly on low-powered mobile device browsers, tracking spatial scale accurately, and designing a lightweight fabric customization workflow that integrates with existing Stripe checkouts.

  • Optimizing high-poly glTF assets to lightweight files suitable for mobile browser streaming.
  • Developing responsive 3D model loaders with custom shaders for realistic texture reflection.
  • Integrating WebXR device APIs to enable direct space placement tracking in Chrome and Safari.
  • Developing responsive configuration menus that scale seamlessly on mobile and desktop viewports.
\t

Solution & Architecture

We engineered a headless e-commerce catalog utilizing React and Three.js (React Three Fiber) on the front-end, paired with a Django/PostgreSQL API. To resolve mobile rendering performance issues, we developed an automated asset processing pipeline that compresses high-poly assets into mobile-optimized glTF models with baked occlusion maps, reducing file sizes by 85% while preserving visual quality.

The interface uses the browser-native WebXR device APIs. When users click "View in Space", the browser requests camera permissions and maps the local floor coordinates using spatial anchor grids. Users can drag, rotate, and drop 3D furniture configurations in real-time, observing exactly how materials align with their lighting conditions.

The front-end design relies on a custom, neumorphic design language built from scratch using clean vanilla CSS. The interface is optimized to feel like a tactile catalog, responding instantly to hover states and finger swipes with smooth animations.

We integrated the customization engine with Stripe API checkout structures. Once a user configures a modular sofa, the platform compiles the exact product variant SKU, verifies real-time warehouse availability via PostgreSQL index checks, and routes the customized product details straight to Stripe checkout, providing a seamless conversion loop.

Solution & Architecture

We engineered a headless e-commerce catalog utilizing React and Three.js (React Three Fiber) on the front-end, paired with a Django/PostgreSQL API. To resolve mobile rendering performance issues, we developed an automated asset processing pipeline that compresses high-poly assets into mobile-optimized glTF models with baked occlusion maps, reducing file sizes by 85% while preserving visual quality.

The interface uses the browser-native WebXR device APIs. When users click "View in Space", the browser requests camera permissions and maps the local floor coordinates using spatial anchor grids. Users can drag, rotate, and drop 3D furniture configurations in real-time, observing exactly how materials align with their lighting conditions.

The front-end design relies on a custom, neumorphic design language built from scratch using clean vanilla CSS. The interface is optimized to feel like a tactile catalog, responding instantly to hover states and finger swipes with smooth animations.

We integrated the customization engine with Stripe API checkout structures. Once a user configures a modular sofa, the platform compiles the exact product variant SKU, verifies real-time warehouse availability via PostgreSQL index checks, and routes the customized product details straight to Stripe checkout, providing a seamless conversion loop.

view examples

work
work
work
work

key features

Development capacity

We provide full-lifecycle software consulting, scoping business requirements and translating them into robust, maintainable code architectures.

Very talented engineer

We provide full-lifecycle software consulting, scoping business requirements and translating them into robust, maintainable code architectures.

ML & AI wide expertise

We provide full-lifecycle software consulting, scoping business requirements and translating them into robust, maintainable code architectures.

Great it service

We provide full-lifecycle software consulting, scoping business requirements and translating them into robust, maintainable code architectures.

Other Works

work work work
Resturon

A high-performance offline-first POS automation platform deployed across 150 franchise hubs with real-time sync.

work work work
Furnishings

A high-performance offline-first POS automation platform deployed across 150 franchise hubs with real-time sync.

work work work
Army-map

We provide full-lifecycle software consulting, scoping business requirements and translating them into robust, maintainable code architectures.

work work work
RideZib

We provide full-lifecycle software consulting, scoping business requirements and translating them into robust, maintainable code architectures.

see all (23) works