Project2 Squeezit Earbuds Website
Squeezit Earbuds Website
About The Project
This project is a promotional website for my redesigned version of Squeezit — a brand I revived in 2025 and rebuilt with a new alien-inspired direction. The entire concept was developed from scratch, from the product idea and visual style to the final responsive website layout. In my version, Squeezit becomes a line of futuristic earbuds that feel like alien technology and deliver “out-of-this-world” sound. The site is meant to present the product as a believable launch and highlight the design, interactivity, and animation side of the project.
I created the branding and promotional visuals from the ground up, including the logo and color system. I also modeled the earbuds in Cinema 4D to support the product look with realistic lighting and angles. Wireframing and layout planning were done in Figma, and the website was developed using HTML, CSS, and JavaScript.
Responsive marketing website
Logo, color palette
Promotional banners
3d model
User Interface
User Experience
User Research
Marketing
Web Development
3d Design
Software & Technologies
Branding & Design: Adobe Illustrator, Adobe Photoshop
UI Planning & Layout: Figma
3D: Cinema 4D
Development: HTML, CSS, JavaScript
Animation: GreenSock (GSAP + ScrollTrigger)
Version Control: Git + GitHub
Challenges
One challenge was keeping the alien-inspired style bold while still maintaining clean layout and readable typography. I had to balance strong visuals with usability so the page still feels clear and professional.
Another challenge was making the 3D model presentation feel consistent with the 2D UI and branding, so the product looks like one complete system instead of separate pieces.
Responsiveness was also important for spacing and image scaling, especially on smaller screens, so the experience stays consistent across devices.
November 2025
Main Goal Of The Website
The main goal of the website was to present the earbuds as a designed product with a strong identity and a clean promotional layout. The page needed to feel like a real product launch, with responsive structure, clear visuals, and interactive elements that support the concept.
