bottlecap web concept presentation
DESCRIPTION
A website trying to "cap" the amount of waste created by plastic water (and other beverage) container production and consumption.TRANSCRIPT
Interactive Web Design » Spring 2011
BOTTLE
CAP
natalie venuto
Bottle Cap
STA 468 » Interactive Web Design » Spring 2011
Interactive Web Design » Spring 2011
persuasive purpose
The goal of Bottle Cap is to increase awareness of the amount of waste created by disposable plastic beverage containers, and inform community members, administrators, and individuals about how they can reduce their carbon footprint with regards to these materials and related products.
Interactive Web Design » Spring 2011
users
The sample users, Eric and Danielle, are at varying ends of the spectrum when it comes to lifestyle, careers, and eduction; however, they share a similar outlook when it comes to plastic beverage containers: they are cheap, convenient, and easily disposable. Eric occasionally feels guilt for using so many, while Danielle actually re-uses or recycles some of her bottles from time to time.
Interactive Web Design » Spring 2011
persona 1: eric
Eric has been working his way up the corporate ladder since he graduated college some twenty years ago. He has his MBA and is a hard-working guy who loves spending time with his family and and can usually be found at the golf course on summer weekends. He started out with Coca-Cola driving delivery trucks in college and has worked his way through the marketing department to an executive level position. He strongly believes in the branding behind Coca-Cola and thinks that plastic bottles are absolutely necessary to its distribution. However, Eric’s wife loves to recycle and he has started to feel guilty about his wasteful behaviors.
Interactive Web Design » Spring 2011
persona 2: danielle
Danielle decided to go to a state university a couple hours away from home, and has been on her own ever since she left her parents’ house. She visits them on holidays, but has become pretty independent during her two and a half years in college. She decided to major in psychology because she is interested in the way the mind works and wants to help people someday. She is always busy studying or in working a part-time job to pay the bills, and because she is constantly on thet go, she uses disposable water bottles to stay hydrated. She occasionally re-uses or recycles the bottles, but admits that she would be open to alternatives if they we convenient and affordable.
Interactive Web Design » Spring 2011
design decisions
When I first started researching this topic, I liked the colors light blue and light to medium brown. However, the brown was replaced by grays of varying shades and rich blacks because I felt that the darker colors made the blue “pop” more. I chose blue to represent water, and initially chose brown to represent earth. I think that black can have a similar (if less obvious) effect. The subtle gradients, stripes, and banner are stylistic elements to add a little flair to a clean design. They are meant to compliment, but not overpower, the logo. I chose simple, sans serif typefaces: Eurostile and varying weights of Neutraface.
Eurostile
NeutrafaceR = 26G = 26B = 26
R = 122G = 199 B = 255
R = 102G = 102B = 102
R = 220G = 239B = 251
Interactive Web Design » Spring 2011
structural decisions
I changed this a bit over a series of revisions, but settled on anchoring the logo in the left corner and letting the banner fly out to the right, but not off the page. I also let the drop-down menus overlap (with slight transparency) in front of the side bar containing facts and the main content area containing articles, photos, interactive slideshows, infographics, and videos.
BOTTLE
CAP
Interactive Web Design » Spring 2011
site map
1. Left-aligned logo2. Horizontal navigation3. Two-column layout
Interactive Web Design » Spring 2011
the prototype
social media links
photo/video slideshow
facts about plastic waste
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIES
RECYCLING CENTER
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
FACTS
BOTTLE
CAP
Interactive Web Design » Spring 2011
home page
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIESABOUT
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
The EPA (Environmental Protection Agency) has set a national goal to recycle 25 percent of our national waste.
Some plastics can be recycled through curbside recycling, grocery store drop bins or drop-off centers.
A raised number (1 through 7) in a triangle on the bottom of most plastic containers tells you what type of plastic it is and if it can be recycled.
FACTS HOW TO FIX IT
BOTTLE
CAP
HOW TO FIX IT
THE PROBLEM
START AN INITIATIVE
ALTERNATIVES
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIES
RECYCLING CENTER
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
FACTS
BOTTLE
CAP
Interactive Web Design » Spring 2011
about bottlecap
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIESABOUT
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
The EPA (Environmental Protection Agency) has set a national goal to recycle 25 percent of our national waste.
Some plastics can be recycled through curbside recycling, grocery store drop bins or drop-off centers.
A raised number (1 through 7) in a triangle on the bottom of most plastic containers tells you what type of plastic it is and if it can be recycled.
FACTS HOW TO FIX IT
BOTTLE
CAP
HOW TO FIX IT
THE PROBLEM
START AN INITIATIVE
ALTERNATIVES
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIES
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
Bottle Cap strives to provide information relevant to individuals, businesses, and communities to promote environmental initiatives.
Plastic beverage containers, while cheap, conventient, and easily portable and disposable, are extremely harmful for the environment.
FACTS BOTTLE CAP
BOTTLE
CAP
CURRENT WASTE REDUCTION EFFORTS: less than 5% of goal
Can we meet the EPA’snational goal of reducing waste by 25 percent?
HOW TO FIX IT
THE PROBLEM
START AN INITIATIVE
ALTERNATIVESdrop down menu
facts & infographics
Interactive Web Design » Spring 2011
about bottlecap
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIESABOUT
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
The EPA (Environmental Protection Agency) has set a national goal to recycle 25 percent of our national waste.
Some plastics can be recycled through curbside recycling, grocery store drop bins or drop-off centers.
A raised number (1 through 7) in a triangle on the bottom of most plastic containers tells you what type of plastic it is and if it can be recycled.
FACTS HOW TO FIX IT
BOTTLE
CAP
HOW TO FIX IT
THE PROBLEM
START AN INITIATIVE
ALTERNATIVES
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIES
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
GET STARTED:A raised number (1 through 7) in a triangle on the bottom of most plastic containers tells you what type of plastic it is and if it can be recycled.
The EPA (Environmental Protection Agency) has set a national goal to recycle 25 percent of our national waste.
Some plastics can be recycled through curbside recycling, grocery store drop bins or drop-off centers.
FACTS HOW TO FIX IT
BOTTLE
CAP
HOW TO FIX IT
THE PROBLEM
START AN INITIATIVE
ALTERNATIVESdrop down menu when hovered/clicked
Interactive Web Design » Spring 2011
testimonals
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIESABOUT
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
The EPA (Environmental Protection Agency) has set a national goal to recycle 25 percent of our national waste.
Some plastics can be recycled through curbside recycling, grocery store drop bins or drop-off centers.
A raised number (1 through 7) in a triangle on the bottom of most plastic containers tells you what type of plastic it is and if it can be recycled.
FACTS HOW TO FIX IT
BOTTLE
CAP
HOW TO FIX IT
THE PROBLEM
START AN INITIATIVE
ALTERNATIVES
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIES
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
FACTS TESTIMONIALS
BOTTLE
CAP
TESTIMONALS
TAKE ACTION
START AN INITIATIVE
ALTERNATIVESthumbnails
Interactive Web Design » Spring 2011
testimonials
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIESABOUT
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
The EPA (Environmental Protection Agency) has set a national goal to recycle 25 percent of our national waste.
Some plastics can be recycled through curbside recycling, grocery store drop bins or drop-off centers.
A raised number (1 through 7) in a triangle on the bottom of most plastic containers tells you what type of plastic it is and if it can be recycled.
FACTS HOW TO FIX IT
BOTTLE
CAP
HOW TO FIX IT
THE PROBLEM
START AN INITIATIVE
ALTERNATIVES
FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIES
“I always carry a bottle with me, whether it’s to a meeting, my kids’ soccer games, on the golf course, or in the car. Dasani and Coke just make sense in plastic bottles, but I do realize that we waste a lot of resources by using these bottled beverages. I’d like to see how my family and my corporation can change our habits to create a better future for planet Earth.”
$35 BILLIONWorldwide annual sales in the bottled water industry
#2Most-consumed beverage – ahead of coffee and milk
50%Percentage of Americans who drink bottled water on a regular basis
0Authority that the Environmental Protection Agency (EPA) has over regulating bottled water
Meet Eric.
Eric is a Senior Vice President of Marketing and Product Development at Coca-Cola. He has been with the company for over twenty years and believes strongly in its business model. He has a busy lifestyle that he shares with his wife and three teenage children, and his o�en on-the-go family enjoys Dasani bottled water on a daily basis. Their neighborhood has a recycling program that his wife occasionally participates in, but they’ve admitted that they can do more to help reduce waste.
FACTS TESTIMONIALS
BOTTLE
CAP
TESTIMONALS
TAKE ACTION
START AN INITIATIVE
ALTERNATIVEStestimonials menu when hovered/clicked
Interactive Web Design » Spring 2011
features + functionality
The site features a simple navigation bar that lets the user immediately access information pertinent to their situation. The drop-down menus get right to the point and lead to pages that give the user everything they need to know to get started with recycling, using less plastic, and other “green” activities. The left-hand column shows a series of facts about recycling, plastic, water bottle usage, and other environmental facts. It can be played like a slideshow or navigated using arrows at the bottom.
Interactive Web Design » Spring 2011
theoretical justifications
I chose the color scheme, graphic style, and type because it was simple, clean, easy to navigate, visually appealing, and relevant. I created a logo that uses stylistic elements of a bottle cap, as well as the recycling arrows, to convey the message. The typeface choices were based on legibility and variety of weights and styles. The navigation setup is meant to be very easy to use for any person looking for more information about the program.
Interactive Web Design » Spring 2011
shortcomings
The site still needs some tweaking; I know that this will not be the final version. I also need to work out the content of each page or section a bit more to make it the most efficient version possible. I could even go back to wireframing for this. I like the basic framework I have laid out; now I need to continue to push it further to not only visually appeal to users, but to convince them to change their behavior.
Interactive Web Design » Spring 2011
expansion
I can see this being turned into an even simpler mobile site and even an iPhone/Android/BlackBerry/Windows Mobile app that can integrate with social media sites like Facebook, Twitter, and Foursquare to help users connect with friends and spread the word on this initiative. With Facebook and Twitter, “word of mouth” would be the biggest benefit; with geolocation apps like Foursquare, badges, points, and tips related to the issue could be awarded to users for “checkin in” to a certain venue. Google Maps and Places could also be integrated to help users find the nearest recycling center or location that offers containers using materials other than plastic.
Interactive Web Design » Spring 2011
conclusion
As I mentioned before, I would like to reconsider the content of the pages and perhaps organize it better. I feel like I focused more on the design and less on the concept, and I would like to improve upon this before the end of the semester. I am happy with the way the type, color scheme, and logo turned out – I did a LOT of tweaking to all of those, so I’m glad I like the end result!
Interactive Web Design » Spring 2011