ZeroWaste
Olivia Heckert
This site is a comprehensive Zero Waste Guide designed to inspire and educate individuals on adopting sustainable practices for a greener future. It offers practical tips, actionable resources, and engaging content to help reduce waste and make eco-conscious choices in daily life. With a clean design and user-friendly features like a search bar, dropdown navigation, and interactive elements, the site serves as a go-to resource for anyone looking to minimize their environmental impact while embracing a zero-waste lifestyle.
Home
On the home page, I featured a hero image with an overlayed title to create a strong visual impact. To enhance readability, I added a content box that highlights the site’s information with a light gray contrast on either side, making it stand out. The site includes a search feature for easy navigation (Python), allowing users to look up content efficiently. I also incorporated a dropdown arrow on the 'Basics' link in the navigation, enabling visitors to expand additional sections as needed.
Basics
This is the Basics page, where I implemented an accordion feature to present the information in an engaging and interactive manner, making it both entertaining and easy to navigate.
Resources
On this page, I used cards to present the information and enhanced the design with Bootstrap icons. When you hover over a card, the details smoothly reveal themselves, accompanied by a subtle highlight effect around the box for an engaging user experience.
Like this project
Posted Dec 29, 2024
I created this Zero Waste Guide with practical tips, resources, and engaging content, using clean design and interactive features for a seamless user experience
