Cisco Workspace Designer: Design the perfect meeting room in 3D

Showcase
1

https://www.webex.com/workspacedesigner

Nominated and votable contender for Webby award 2025

An interactive 3D configurator for meeting rooms.

  • Set the room size, table type, number of chairs, and select video devices and microphones.
  • See if the camera and mics are covering the room you have designed
  • Look how the view is from the camera point of view

Implemented with React Three Fiber by a small team of enthusiastic web developers in Cisco Norway :norway:.

Screen Shot 2025-04-10 at 15.41.04
Screen Shot 2025-04-10 at 15.41.041920×941 80.1 KB

Screen Shot 2025-04-10 at 15.41.40
Screen Shot 2025-04-10 at 15.41.401920×941 44.8 KB

Screen Shot 2025-04-10 at 15.42.03
Screen Shot 2025-04-10 at 15.42.031920×942 70.4 KB

8 Likes
4

I’m afraid that the laptop doesn’t want to cooperate with the table…

Screenshot_20250410_213139_Chrome Canary
Screenshot_20250410_213139_Chrome Canary1080×2099 189 KB

2 Likes
5

Haha :slight_smile: you found a bug. We don’t have many, given the complexity of this project, but that is a known regression. Thanks!!

6

Looks great! If you don’t mind me asking, how did you get such nice soft shadows?

7

Look maybe here:

8

We used the SoftShadow component of Drei. Highly recommended. SoftShadows - Drei
For the shadow beneath the room itself, we just used a blurry bitmap, since there isn’t really an actual plane to cast a shadow on there

1 Like