THE PROCESS
My design process began with wireframes to establish the website's structure, followed by creating high-fidelity visual designs and interactive prototypes. The final phase was building the site in Framer, where I implement custom code for unique features and ensure the final product is a polished, high-performing digital experience.
Link to live product
Website wireframe
Key Features & Development Highlights
The final design incorporated feedback from users and additional suggestions for improvement, resulting in a more streamlined and engaging donation experience.
Key Enhancements:
Dynamic Hero Video: A seamless looping video of a wind turbine immediately immerses visitors in the core of EcoPower's mission, creating an impactful and memorable first impression.
Responsive & Dynamic Design: The website was built to be fully responsive, ensuring a seamless user experience across all devices. The design emphasizes a clean, professional aesthetic with a strong focus on visual hierarchy and brand consistency.
Content Management: The site's structure was built to be easily updatable, allowing the EcoPower team to manage project details, company information, and impact metrics with minimal effort.
Brand Integration: I worked closely with the EcoPower brand identity to select typography (Geist), color schemes, and visual elements that align with their mission of sustainability and innovation. The final product is a cohesive, high-performance website that serves as a powerful digital storefront.
THE RESULT
The new EcoPower website is a robust and visually compelling platform that not only tells their story but also reinforces their position as a leader in the clean energy sector. It successfully transforms a static portfolio into an interactive showcase of their commitment to a greener world.
Hero & Intro section
Industries, team and impact
Call-to-action and footer