Design & Development Projects

← Back to Projects

InoTek 360 Earbuds

Hero Image

Overview: InoTek 360 Earbuds is a 3d earbuds designed by Situ, inspired by my ear hoops. This website showcases a 3D model of the earbuds that i made using Cinema 4d along with the interactive hotspot with stacked info box in mobile size. The website is fully responsive from mobile to desktop sizes.

CONTRIBUTOR(S): Situ Ranjit

MY ROLE: Front-end Developer, Motion Designer

TOOLS USED: GitHub, Figma, HTML5, CSS3, JavaScript, Adobe Photoshop, Cinema4D, SASS, After Effects

Poster 1
Poster 2

Challenges

One of the main challenge was creating a smooth, realistic housing for my 3d earbuds and placing logo on it. Setting up the lights in the cinema 4d was tough too, since it not only changes the earbuds looks but also the texture in render view and working space. Coming towards web-development, choosing layout that express its different features which attracts customers to buy, took a lot of planning.

Solutions

To fix 3D issues, i use volume builder and remesh to make the housing smooth. I used 3point light setup and play around until the model and texture look good and realistic. For the website, i research many existing earbuds brand and started by sketching wireframe - boxed layout to the actual functional website.

Project Journey

sketch
design
View Next Project →