Hefty™ introduced a new program called EnergyBag® that provides a way to collect otherwise hard-to-recycle plastics at your curb and turn them into valuable resources.
We started this project with the primary goal of teaching everyday users about various aspects of the EnergyBag® program, whether it's educating them about hard-to-recycle plastics, the EnergyBag® itself, or what they can do to help Hefty™ advance this program.
We started this project with a content model, or as I like to call it, "colored boxes." Our goal was to divide pages in a way that would enable users to quickly and efficiently learn about the initiative Hefty™ is taking with their EnergyBag® program.
We used our content model as a basis and designed wireframes on top of that. We created a homepage with three bite-sized information sections that, in itself, acts as navigation to the other pages for more in-depth knowledge.
We also designed interactive modules for both desktop and mobile experiences to meet our initial goal of conveying information in a simpler form. We added various iconography to further achieve our goal.
We kept the UI as minimal as possible with an emphasis on the copy/text. Fewer design elements don't always result in a boring website; if done effectively, the result is actually the opposite. Fewer design elements with vibrant colors and iconography made this site fun to look at and easy to consume.
Our final product, which we feel accomplished our initial goal, consists of three pages. First is the homepage, as mentioned earlier, with an overview of the program. The second is about hard-to-recycle plastic, which elaborates on the idea of what hard-to-recycle plastic is and how to distinguish it accurately. The third element was an EnergyBag® page that gave more in-depth information about the program with a FAQ section with even more detailed information.
View the live site at heftysustainability.com