Project Overview
What started as a simple storytelling website, turned out to be one of my most creative project. Working with VR/AR and learning about different ways to create a website was an amazing experience.
My Contributions
The client reached out to me through Instagram when I posted all my UI work there. He really liked how creative I was with animations and decided to hire me. When we started, he wanted a simple website just to create some kind of a teaser for all the work he is able to do and to showcase all the work that he already did and after while he had an idea that we can create some kind of a room together where you can walk in and take a look at all the product.
While there was a really really big challenge because it seemed almost impossible after a lot of thinking and research and finding technologies and how our other sites built I managed to create the website where you can go inside you can open on your phone as a AR, you can overview all the pages. Just because an idea seems impossible doesn't mean that you can't break it into something simple and tangible.
My approach
The idea was to research and find VR technologies that we can use and learn how to use them. That seemed like a really, really long-term investment that we have to do so I was trying to find the simplest way to do it. Our inspiration were those 3d treat panorama views you see in retail but we didn't have rooms but we had to draw them or create them.
Fortunately, I found it a JavaScript library called Marzipano and I learnt to draw 360 rooms in Affinity Photo. I had three rooms that were a navigational point where you can preview different products. When you go into the specific room, you see all the products. By clicking on each one of the products, a model opens up about the product specifications and a video for that product. I also consulted with developers and we figured we can also change the URL of the modal so you can send the specific product link to someone without them having to go through the whole page.
