CLIENT

The Integrated Penguin

SUMMARY

Designed the website for the investors & partners to show how VR can be the solution for the specially challenged kids through Virtual physiotherapy, Virtual gaming etc.

MY ROLE

UI Design
UX Design
Motion Design

Responsive Website

INTENTION

The requirement was to make a website that can deliver experience of an VR World. Clearly there was lack of knowledge and the power of VR I saw while doing the research. The capabilty of a VR work can solve special challenged kids/people is futuristic, yet accomplishable. Made 3D objects to make sure user/client understand what thing they will be getting at the end. The overall componenets of each section is done in 3D for example "THREE.Js" library. And at the end, as we know data are important for anything to support its idea added graph with animated slowly when scrolled at position.

Here is the landing page. As the VR deals with 3D objects, I was pretty much tight on that idea to give the touch of z-axis in the website. After research and trying ended using "THREE.JS" library.

As we scroll users sees the 3D VR Model. As earlier mentioned I was very much keen about making the website interactive, so modeled the VR model and rendered 30frames. Then added everything to mouse scrub "JS". After all this will be the product hospitals/schools will be recieving.

About section. Since this website was getting ready for the prelaunch, gist of the elements was bit neccessary. Decided to have cornfetti flying into 3D space. Again "Three.Js" library came to rescue
for my idea.

Needed one more section to make people understand how the entire concept will work. Adding the actual interactive object was neccessary. Modeled this 3d object and some elements similar to VR advertising for support. So when user drags the model is does some excersise moves while she is wearing the
VR Headsets.

One of my most interesting section from the website. Challenge was how user can see inside the VR altough its 2D. It has 3 layers of images, and simple concept what I used is parallax. Removed the eye placing area made it png and added parallax image behind it. Took 2 days to crack the concept with codes, but at the end it came out how I imagined.

One of my most interesting section from the website. Challenge was how user can see inside the VR altough its 2D. It has 3 layers of images, and simple concept what I used is parallax. Removed the eye placing area made it png and added parallax image behind it. Took 2 days to crack the concept with codes, but at the end it came out how I imagined.

View Other Projects

FITNESS APP

TEASER WEBSITE

COVID-19 APP