Back to Stories

Web based 3D for amazing customer experiences

One of our product teams worked together using Three.js and React Three Fiber to create a virtual version of our office in Gothenburg, Sweden from a gnome-perspective. Why might this be important to you? This sort of technology can be used for orientations & onboarding for events and much more. Read on...

Johan Uddståhl

Johan Uddståhl

Web based 3D for amazing customer experiences

How can you use web-based 3D technology to offer your customers something extra special?


Every year, as part of our competence development for the tech team at Humblebee we do internal projects, workshops and lectures about topics and emerging technologies we want to know more about. This year one group chose to dig deeper into web based 3D visualisation. This technology is becoming more and more important and with this experiment we wanted to see what tools are available for 3D visualisation in the stack we mainly focus in, Javascript and React.


We created a virtual version of our office in Gothenburg, Sweden from a gnome-perspective. Everything was mapped to correct scale and we know this sort of technology can be used for your orientations, customer experiences, onboarding for events and much more. Plus it's viewable on Chrome or Firefox, creating even more possibilities.

Check it out: https://3d-bee.netlify.app/


The conclusion of this experiment was that it's possible to visualise quite complex structures with web based 3D. This opens up a lot of possibilities for visualising physical products in a digital world, making experiences more alive and interactive. Complex use cases like configurators for cars can be a lot more intuitive if the user can interact with a 3D version of the car instead of using fixed images.

It's also usable for all kinds of product listings in the e-com industry, making it possible to rotate for example shoes or clothing and zoom in on specific details. As web technology gets more and more advanced we really think we are just at the beginning of how 3D can enrich the experience of the web.

Want a live demo or discuss how you could utilise this technology in your business, don't hesitate to contact me.


Let’s go build together!

Johan Uddståhl
Written by

Johan Uddståhl

Technical Director

johan.uddstahl@humblebee.se

More stories

Navigate the limitations of modern AI and set a successful strategy

Navigate the limitations of modern AI and set a successful strategy

AI-powered language models (aka LLMs), such as ChatGPT, have become increasingly popular tools for businesses. As powerful as they may seem, it’s essential to keep in mind their shortcomings to reduce risks related to this technology. I've outlined some shortcomings to watch out for, and some solutions to help you navigate these situations. Enjoy!

Olga Dergachyova

Olga Dergachyova

10 in 5 Olga Dergachyova, Data Scientist

10 in 5 Olga Dergachyova, Data Scientist

Meet Olga, our Data Scientist at Humblebee with a background in Computer Science and a knack for problem-solving. In this interview, she discusses her journey into Data Science, recommends a great book for enthusiasts, and shares insights on the future of the field.

Karina Sivolap

Karina Sivolap

Why we gamified UX. Literally.

Why we gamified UX. Literally.

Games create stories. These stories live on in our memory. This is why games are great tools for learning complex processes.

Kenny Zetterberg

Kenny Zetterberg