Showroom Editor

Showroom Editor

Showroom Editor

Making immersive commerce as intuitive as drag-and-drop.

4 mins read

4 months project

Making immersive commerce as intuitive as drag-and-drop

Making immersive commerce as intuitive as drag-and-drop

4 mins read

4 months project

A browser-based 3D editor that cuts scene creation time from hours to minutes and unlocks self-serve AR content creation for e-commerce teams.

Team

Design

Maya Ramadhina

Design 2

Kim Van

Others

3D + Engineering team

Details

Role

I shaped the editor’s UX foundation, ran usability tests, and translated complex 3D interactions into a simple, intuitive web experience. I collaborated closely with developers and 3D artists to refine the interface, document animations and micro-interactions, and support implementation through detailed design handoff materials.

Platform

Web

A browser-based 3D editor that cuts scene creation time from hours to minutes and unlocks self-serve AR content creation for e-commerce teams.

Team

Design

Maya Ramadhina

Design 2

Kim Van

Others

3D + Engineering team

Details

Role

I shaped the editor’s UX foundation, ran usability tests, and translated complex 3D interactions into a simple, intuitive web experience. I collaborated closely with developers and 3D artists to refine the interface, document animations and micro-interactions, and support implementation through detailed design handoff materials.

Platform

Web

Overview

Overview

At CELA Technology, I designed Showroom Editor, a browser-based 3D editing tool that enables e-commerce teams to create immersive product displays and AR (augmented reality) experiences directly on the web. 
Traditionally, building 3D environments required technical designers and specialized software. Showroom Editor wants to remove those barriers and make 3D and AR visualization accessible to non-technical users (marketing teams, merchandisers, and content creators) through a drag-and-drop interface, much like setting up a space in The Sims.

Framing The Challenge

Framing The Challenge

E-commerce brands are increasingly using 3D and AR to drive engagement and conversion, but most creation tools were designed for 3D professionals, complex, fragmented, and time-intensive. For marketing teams, that meant relying on technical specialists and losing agility in campaign turnaround.
So,

How might we empower non-technical teams to design immersive 3D and AR product experiences with the ease of a drag-and-drop editor, without sacrificing creative freedom?

How might we empower non-technical teams to design immersive 3D and AR product experiences with the ease of a drag-and-drop editor, without sacrificing creative freedom?

The Design Process

The Design Process

Research & Insights
I conducted interviews with internal designers and marketing users to map pain points in existing 3D workflows. The findings were clear: users didn't need endless parameters or advanced 3D control, they needed confidence, speed, and visual feedback.
These insights shaped our design principles:
  1. Prioritize direct manipulation over dense parameter menus.
  2. Keep context visible and relevant.

  3. Provide immediate feedback for every action.

Designing the Workflow
I structured the editor around three key areas:
[Click or swipe to explore the carousel.] The three main areas of the Showroom Editor.
This layout grounded creative control in familiar patterns while introducing spatial logic that felt approachable to non-3D users.

Outcomes & Impact

Outcomes & Impact

The final prototype laid the foundation for a scalable 3D authoring system within CELA’s e-commerce suite. It showed that immersive commerce can be both technically sophisticated and operationally simple.
By reducing dependency on 3D specialists, Showroom Editor empowered marketing teams to create and publish AR-ready product environments independently, cutting production time and broadening new possibilities for brand storytelling online.
Key design decisions I made on Showroom Editor.
Adding gift object to the environment.

Takeaways

Takeaways

This project redefined how I approach design complexity. Working in 3D sharpened my sense of when to abstract and when to expose control, to make complex systems feel effortless.

This project redefined how I approach design complexity. Working in 3D sharpened my sense of when to abstract and when to expose control, to make complex systems feel effortless.
It also deepened my appreciation for design-to-engineering collaboration. Since static prototypes couldn’t capture motion or spatial logic, I learned to document behavior and interaction states at a systems level, to ensure intent carried through to implementation.
Most importantly, it reinforced that design maturity isn’t about polish, it’s about creating systems that expand what teams can achieve.

Aloe 2.0

Aloe 2.0

Aloe 2.0

Closing the gap between intent and action in habit building.

5 mins read

Closing the gap between intent and action in habit building.

Closing the gap between intent and action in habit building.

5 mins read

• Toronto, ON

3:12 PM

2024 ® Maya Ramadhina

• Toronto, ON

3:12 PM

2024 ® Maya Ramadhina