8Track Earbuds Site

This was a school project done at Fanshawe where the goal was to make a website promoting a brand of earbuds that we design.

proposition image
The first part of the design process was sketching out the earbuds and designing a logo and some branding options.

we had to design and build the headphones ourselves, create all the branding and design the website. we used Cinema4D to make the headphones, and the adobe suite to make the advertising materials. The site was built using HTML/CSS+SASS and Javascript. the model viewer framework and Greensock library to animate the different features on the site.

work image

After the earbuds were modeled we were tasked with creating branding and promotional images for our product.

This is a small video ad I made, the original animation was made into a scrolling based animation on the website.

The site itself turned out great, the features all function quite well and give the site appeal. find the repo here: 8Track Earbuds