Making Pop-ups to Match Brand Guidelines

What to put on pop ups?
- Air vs Boat
- Food shopping with different shipping
- Eco friendly alternatives for clothing
- Food with fewer air miles, more local
- Travel using public transport or walk rather than drive

Air Miles vs Boat or Train
> How much CO2 is produced when shipping cargo by these methods?

2 tonnes of freight carried 1,000 km produces:

by air                     –  4,138 kg CO2
by diesel train         –    42  kg CO2   
by container ship    –    30  kg CO2 

and

2 tonnes of freight carried 5,000 km produces:

by air                    –  6,605 kg CO2
by container ship   –     150 kg CO2

(https://www.airportwatch.org.uk/air-freight/carbon-emissions-of-air-freight-compared-to-other-modes-of-transport/)

> Should also have praise pop ups for when desired behaviour is made.
- These can contribute to the tracker, if you select walking straight away you will make progress on the tracker via app or website.

DESIGN:

The main information isn't the main focus of the pop up, the hierarchy is all wrong. The shape as well is a little too much, feel as though it should be a more traditional shape, perhaps have text in the grey bubble shape like on download?

Text in bubble brings more attention to the words, but the layout needs rethinking as it still doesn't read how it should. Having the scribble behind the title is interesting, brightens up the pop up more but looks a little too much. 

Re-thinking the layout, this brings more attention to the text but is confusing as to what is an option to click what isn't?

Having a vertical layout works better as the title can be at the top, then text then options to click underneath. Again still not sure on the scribble behind the title. Feel it could be moved outside to the background, have more of a connection to website.

Long, thinner title fits the portrait layout more. and scribble being outside the title bubble works well. It feels much more balanced as a pop up. 

Thinking of other ways to present the pop up, for food shopping co2 produced on travel could be a way to present the information. With this is would need to display the item and the information about it also. Mock this up.
- Thinking back to Mohr (2012) research, the audience needs to see the alternative products in order to change behaviour. 
- How is the audience expected to choose a sustainable alternative if it isn't visible to them.

Pop up for displaying desired behaviour, when the audience decides to walk somewhere naturally, not need to swap. Feels as though these should have some movement or a sense of motion to them. Would be more eye catching. 

IN CONTEXT:

> When placed initially on the page it didn't looks too good, hey felt clunky especially the food one. 

> The food pop up looks a lot more like an ad, when talking with my peers they said this would make them more likely to click off the page rather than engage with the content.

- Need to alter this, maybe don't display the information from the website, could edit in some way.

> Updated, the curved edges look a lot less harsh, simple change with a big impact. 

> Having the scribbles spill over the pop up onto the page is another simple change that stops them  from looking as though it doesn't belong on the page. 

> The food shop one looks much better, the wine bottle and information looks much more cohesive with the pop up and less like an ad.