Bernardo's Portfolio Case Study

Pavilion Sound

Redirect Link Icon

3D x Web Development

Case Study Image 1

Project Info

Rocket Icon

The Pavilion Sound Earbuds project focuses on 3D modeling, AR viewer integration, motion graphics, responsive website development, x-ray effects, scrolling animations, video editing, and branding. Pavilion Sound combines a modern approach to earbuds featuring dark and vibrant orange tones. Its logo symbolizes an audio waveform and incorporates the letters "P" and "S" to represent the brand's name.

Case Study Image 2

The Process

Star Icon

Preliminary sketches of the earbuds were created and transferred into 3D software for modeling. The finalized model was animated for both the scroll-based animation and the promotional video. For web development, initial content and elements were imported, and the overall brand styling was applied. Functionalities and features, including the AR model, x-ray slider, and scrolling animations, were subsequently incorporated.

Case Study Image 3

Tools Used

Rocket Icon

Cinema 4D was utilized to model the earbuds and render all animations, while Adobe Premiere Pro was used for video editing. For web development, HTML, CSS, SASS, JavaScript, and GSAP were employed to build the website. Google Model Viewer was integrated to enable AR functionality and create interactive hotspots. Microsoft Visual Studio Code and GitHub Desktop were utilized for managing remote repositories.

Case Study Image 4