JellyLens
JellyLens is a secondhand lens shop homepage designed with animations and an interactive mini-game to educate users.
Tools and Tech:
The hover animation uses WebGL Fluid Enhanced, blending with the branding for a unified experience.
Built with ChatGPT, JavaScript, and Google Sheets, this feature allows for easy uploading of lens information. The Webflow layout enabled a focus on visual design while ChatGPT handled development logic, ensuring efficient project management.
The mini-game simplifies data uploads, allowing users to showcase unique shots with underrated lenses. This solution enhances user engagement and education.
Line-based icons complement the minimalist logo, reinforcing the brand's visual identity.
Inspired by Apple's use of scrolling product animations on their site, I used a Sketchfab camera model to create a Blender animation. GSAP scroll animations trigger this, adding a modern touch to the site.