Flint Paper Battery

Role: Webflow Developer Tools: Figma, Webflow Client Industry: Sustainable Technology / Clean Energy Timeline: 4 Weeks

Flint Paper Battery is a revolutionary clean-tech company developing the world’s most sustainable paper-based battery — a 100% renewable, metal-free, and environmentally responsible energy solution.

The goal of this project was to create a modern, responsive, and storytelling-driven website that effectively communicates Flint’s innovation, sustainability values, and scientific credibility — while keeping the design visually immersive and lightweight for optimal web performance.

The design originated in Figma, emphasizing:

Minimalist layout focused on visual storytelling.

Natural textures and earthy tones to reflect sustainability.

Dynamic scrolling experience with immersive transitions.

Scientific typography and clean whitespace for a modern, tech-oriented aesthetic.

Each section was designed to narrate a clear story — from the environmental impact of traditional batteries to the breakthrough of Flint’s paper technology.

As the Webflow Developer, I translated the complete Figma design into a fully functional, pixel-perfect website using Webflow’s CMS and animations.

Custom scroll-based animations for storytelling sections (“Why?”, “Scientific Breakthrough”).

CMS collections for blog, accomplishments, and technology cards.

Optimized responsiveness across all devices and browsers.

Integrated Lottie animations and micro-interactions for a fluid, organic feel.

SEO-friendly structure and performance optimization, achieving high Lighthouse scores.

Implemented reusable symbols and components in Webflow for scalability.

Created multi-section scroll effects without external libraries — ensuring maintainability.

Integrated Webflow CMS dynamic data for future scalability.

Used lazy loading and optimized assets for faster page loads and reduced carbon footprint.

The final website successfully:

Increased visitor engagement through an immersive storytelling journey.

Delivered a seamless experience across mobile, tablet, and desktop.

Provided Flint with a strong brand presence in the sustainable energy market.

Became a showcase piece for clean-tech innovation through design and development synergy.

Design: Figma

Development: Webflow

Integrations: CMS, Lottie Animations, SEO tools

Performance: Optimized media, minified assets, accessibility compliance