Overview

AmbiSpace is an AR-powered web platform that redefines the online shopping experience by letting users preview 3D product models in real environments before purchasing. The goal was to bridge the gap between e-commerce and immersive visualization, especially for items like furniture, decor, and gadgets.

Problem

Many online buyers hesitate before purchasing due to uncertainty about how products fit in their space. Traditional media lacks immersion.

You Buy Product

Doesn't match your vibe

You Return it

Solution

Research & Planning

• Overview
• Similar Products
• Literature Review
• Aims & Objectives
• Backlog
• UML Diagrams
• Tech Stack

Design

• Inspired
• Branding
• User Flow
• Animations

Style Guide

Compiled Design

Develop

Tech Stack

Frontend

Backend

Deploy

Reflection

AmbiSpace successfully tackled the disconnect between e-commerce and physical visualization using AR. The integration of modern tools like Next.js, Strapi, Supabase, and Model-viewer helped streamline development and deployment.

The project was a massive learning experience — from complex UI animations to OAuth flows and optimized 3D rendering. Future improvements include multi-user AR sessions and AI-based product recommendations.

Want to experience it yourself? Give it a try