Walk into the website: a 3D showroom with scroll scenes and walkable rooms

Showcase
1

Hi everyone, we’re a small web studio in Korea and this is our 3D website showroom, built with three.js.

Live: FIRST PAGE · 3D Website Showroom

FP3D_cover
FP3D_cover1616×1264 225 KB

FP3D_behance_03
FP3D_behance_031920×1240 280 KB

FP3D_behance_04
FP3D_behance_041920×1640 485 KB

FP3D_behance_05
FP3D_behance_051920×1180 378 KB

What’s inside:

  • A scroll-driven hero: scrolling moves the camera through an apartment (entrance, living room, kitchen, bedroom)
  • Four walkable spaces (show home, boutique, clinic lounge, B2B material showroom) you can step into and look around
  • An exhibition hall that links the booths together
  • A mobile version that keeps the same scenes

The interiors use baked lighting so they stay light enough for phones. The biggest work was keeping scroll smooth on mobile browsers and in-app browsers.

Happy to answer questions about the setup. Feedback welcome, especially on mobile performance.