Mochy Pods

project screenshot project screenshot project screenshot project screenshot

Description

For this project I was tasked with making a website for a mockup earbuds, which would also be designed by me. The website's requirements were a 3D AR model in browser with hotspots, an scroll video animation, and an Xray slider.

Work Flow

I made the 3D AR model and images for the scroll animation in Cinema 4D, which was also used for an advertisement commercial for another project! JavaScript and greensock was utilized to make AR model, scroll animation, and Xray work, as well as any fade animations used on elements within the site.

Roles

  • Designer
  • Developer

Tools Used

  • Adobe Illustrator
  • Adobe XD
  • Adobe Photoshop
  • HTML
  • SASS
  • JavaScript
  • Cinema 4D
project screenshot project screenshot project screenshot