EverCool – Smart Bottle Landing Page
EverCool is a conceptual landing page built for a fictional startup hydration product. The project tested real-world UX principles, scroll-based satisfaction, and conversion clarity, while showcasing my ability to combine Framer with custom React components for advanced product interaction.
Client
Evercool
The Goal:
Design a scroll-based, conversion-driven landing page for a fictional smart bottle brand. The aim was to merge storytelling, interactivity, and purchase flows into one seamless page that felt market-ready.
1
The Challenge:
Direct-to-consumer brands often struggle with pages that are either too flashy to convert or too plain to inspire trust. The challenge was to: ➤ Balance premium visuals with usability. ➤ Simulate real product interactions (cart, scarcity, 360° viewer). ➤ Build the page entirely as a concept project, with no backend.
2
The Result
Delivered a Framer + React landing page that included: ➤ 360° product viewer with hotspots. ➤ Sticky cart CTA with color & quantity logic. ➤ Urgency trust blocks + exit intent modal. ➤ Scroll-triggered microinteractions for narrative flow. The project demonstrates how to design conversion-focused DTC landing pages, showcasing technical fluency with Framer Motion + React.
3
