venuto bad behavior presentation

Interactive Web Design » Spring 2011

BOTTLE

CAP

natalie venuto

Bottle Cap

STA 468 » 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.


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.


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.


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.


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


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


site map

1. Left-aligned logo2. Horizontal navigation3. Two-column layout


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


home page

FOR INDIVIDUALS FOR BUSINESSES FOR COMMUNITIESABOUT





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


RECYCLING CENTER





FACTS

BOTTLE

CAP


about bottlecap









FACTS HOW TO FIX IT

BOTTLE

CAP

HOW TO FIX IT

THE PROBLEM

START AN INITIATIVE

ALTERNATIVES






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


about bottlecap









FACTS HOW TO FIX IT

BOTTLE

CAP

HOW TO FIX IT

THE PROBLEM

START AN INITIATIVE

ALTERNATIVES






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.



FACTS HOW TO FIX IT

BOTTLE

CAP

HOW TO FIX IT

THE PROBLEM

START AN INITIATIVE

ALTERNATIVESdrop down menu when hovered/clicked


testimonals









FACTS HOW TO FIX IT

BOTTLE

CAP

HOW TO FIX IT

THE PROBLEM

START AN INITIATIVE

ALTERNATIVES






FACTS TESTIMONIALS

BOTTLE

CAP

TESTIMONALS

TAKE ACTION

START AN INITIATIVE

ALTERNATIVESthumbnails


testimonials









FACTS HOW TO FIX IT

BOTTLE

CAP

HOW TO FIX IT

THE PROBLEM

START AN INITIATIVE

ALTERNATIVES


“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.”





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


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.


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.


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.


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.


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!

venuto bad behavior presentation

Documents

interactive web design

design decisionswhen

clean design

plastic bottles

disposable water bottles

colors light blue

varying ends

spending time