Wednesday, 1 June 2016

More Diagrams

Klaus told me that the diagrams I was trying to do earlier, like the one below, were too confusing in terms of getting across information.




So I tried a diagram like the one below, where I put the fruit illustrations around the diagram instead of making it the diagram itself.



Ultimately, though, I decided it would be easier for everyone to understand if I just did a straight up pie chart for getting across information.






Final Animation

Here is the final, rendered animation.

Sound sources

I recorded the voice over myself with one of the Massey microphones.

For the sound effects, I found a bunch of free to use effects from SoundBible.

The background music is "My Neighbourhood" from the Warner/Chappell Production music catalog. This music is not free to use, so I can only use it for university purposes. I won't be sharing this video online otherwise.

Updated storyboards/script

In the time between the storyboards and animatic, we decided to alter the script a bit. We changed the wording of the statistics section from just listing numbers to making a more visible statement. The new script states:


"All around the world, people are throwing away over 4 billion kilograms of good fruit a year, often all because they look a little funny. With that much food, we could feed the entirety of New Zealand for 2 years straight."

These were the original storyboards I used to make the animatic:

But this was a little bit rushed and lazy, keeping that old graphic in there. I re-did it a second time, replacing the image with an apple that slowly gets eaten, which better ties in with the voice over and is more interesting to watch.
The thrown away apple core also provides a nice transition to the next panel.


Bulletpoint Illustrations

We have a fact section on our website, so to differentiate it from the blocks of text in the other sections I decided to use bulletpoints (as well as increasing text size). These are some of the things I tried...




I thought it would be make the website more coherent if they related back to the illustrations somehow, so I tried the sparkles/stars used in the animation and the beauty standards illustration. The first one I thought looked too much like a cross on a church or something, but I liked the second one...




Then I tried a using a leaf from one of the fruit characters- the top one is too big, but I kind of liked the second one.




Ignoring the diagram- I compared what one I liked best and decided the green leaf didn't really fit with the colours of the fact pages- so I used the second one.

Sunday, 29 May 2016

Diagram Experiments

These are some of the diagram experiments I've done for the website. I decided to only make a diagram for one of the three facts on the page because it would probably look too cluttered having one for each.






The first two I was having trouble fitting them next the text, while still having it large enough to be legible. So I decided to simplify it further, and use just one fruit for each of the diagrams. This has the added benefit of being easier to understand (for kids / everyone). I'll probably have to add text in some way to make it clearer still though, or to link it to the fact it references. The way I'm going to do that is the next thing to figure out...




Icons (for navigation)

This is the icon exploration I've done for the website navigation. We decided that since it's mostly for kids the website should include lots of images- and we figured the navigation bar would be a lot more interesting if it was pictures.






In the two above I was trying to see what looked more appealing- coloured circles containing images, or the characters themselves.





Also, I shortened the fourth title because it just looks nicer overall having everything on the same line.



Wednesday, 18 May 2016

Animatic


A basic animatic for our video. (Low quality due to compression issues, then re-compression during upload.)

Things I would like to change for the final:
  • Transitions in the later parts of the video (esp. the "feed the whole of NZ" part, which was added to the script after the initial thumbnails.)
  • Add sound effects, and possibly back ground music (to be sourced.)
  • Record the proper voice over with a better quality mic.
  • Some of the animation may change/be simplified to fit within our abilities in AfterEffects.
Comments from critique:
  • Make the pacing snappier in places; ease in.
  • Work on the "feed whole of NZ" part to make it fit better.
  • Change the "Ugly Fruit" title, or make it clearer; "Ugly Fruit, pretty blah" or something.

Webpage

This is the design for our website coloured- it's one page with several sections. I haven't made any images / diagrams yet, so I'll have to research more. Also I need to check that the content of the page is meeting the requirements of the brief (or getting across our point) because I feel like I might be missing something.



Stuff I was told to do to improve / move forward:

  • Add graphics / images (start drawing etc...)
  • The fact section doesn't make sense split up the way it is, so add another section and rename the others- one for waste before distribution (growing), one for supermarket waste, and the other for consumer waste.
  • Start coding / finding google fonts.



Font Colour Exploration

This was when I was trying to design the final webpage before coding, I was trying to decide what font colours would show up best on the background (white or black??).










Sunday, 15 May 2016

Wireframes & Grid

It's kind of hard to see, but this is (probably) the final layout of the website. The website is going to be one page with several sections. I haven't added colour or fonts yet, so that's the next step for Thursday. 



Wednesday, 11 May 2016

Website Page Content & Facts

This is the content for our website, text wise (we might change it up a bit later...).  Since our audience is children and their parents, we were thinking of keeping the information easy to read e.g. bullet points.

We will probably have a lot of pictures paired with the statistics to get across our information.


About Page:

Ugly fruit and vegetables are a fact of life, although you've probably never seen them in a supermarket. This is because most of them are thrown away. It isn't because there's anything wrong with them; they taste just as good, they're grown just the same. They're just a little aesthetically challenged.

Globally, around a third to half of all our food produced is never eaten, and wasted fruit plays a big part in that. It's a big problem, but we'll start with something small. If we buy ugly, we can show others that it's what's on the inside that counts.

(These are all the little things you can do to help make this world a little uglier)?



Supermarket waste:


Supermarket Beauty Standards:

Supermarkets are very picky when it comes to what fruit and veges they sell. In some ways they have to be; no one wants to buy a maggot-infested apple. More and more nowadays, however, standards are all about the look.

Some call them beauty standards, and they're not too far off; supermarkets believe what customers want is the perfect looking fruit. If an apple isn't round enough or a tomato isn't the right shade of red, then it doesn't matter how tasty it is- it's not good enough to be sold.

Supermarket standards create waste from the get-go. Farmers first grow the produce and then separate the fruit that meets the standards from the fruit that doesn't. Some farmers don't even bother harvesting what they know supermarkets won't sell.

The problem with this is that most of the rejected fruit is still edible- it's just ugly. Tonnes of perfectly good fruit and veges are wasted every year all because supermarkets believe no one wants an ugly fruit.


Where does food waste begin? (Wastage happens at every step: production (growing), handling, storage, processing, distribution and consumption.)



Production waste (on the farm):


  • From farm to fork, about one third of all food produced is wasted.
  • 28% of the world's agricultural land is used every year to make food that is wasted.
  • In developing countries production (growing and harvesting) is where they waste most of their food, while in higher income countries most food is wasted at a consumer level.


Supermarket waste:

    • 15% of food waste happens at the retail level (while it's being sold.)
    • The most wasted products in supermarkets are things like bagged salads, apples and grapes.
    • 'Sell by' dates are one of the biggest causes of waste in supermarkets. After food has passed this date, it is thrown out, when in fact sell by dates have nothing to do with whether the food is still good or not.

    Our (consumer) waste:


    • 55 to 65% of food wastage happens at the consumer level (after we buy it).
    • 20% of the food we buy never gets eaten.
    • 90% of us throw away food too soon.
    • Each one of us throws out nearly 135kg of food a year.


    What you can do (as a consumer) to reduce waste:

    Buy less:
    Buy only what you need. Although it's tempting to buy in bulk, it has been proven that you are far more likely to waste if you have extra food. Sticking to a shopping list is a good way to stop impulse buying.

    Support supermarkets that are waste conscious:
    Buy from places that sell ugly fruit and vegetables, or if there aren't any places that do this near you-

    Buy your fruit and veges at your local farmer's market:
    Since they don't have to follow supermarket's strict rules about appearance, farmer's markets are more accepting of fruit and veges that are a little more on the ugly side.

    Eat leftovers:
    Eating your leftovers for dinner means there is less to throw out, and no need to buy more food for another night.

    Donate your food:
    If you're not going to eat it, don't throw it away! If the food is still good donate the to a food bank, for someone else to eat.



    What supermarkets can do to reduce waste:

    Relax their standards:
    If supermarkets weren't so fussy in the first place about what is attractive enough to be sold, there would be less food wasted before it even makes it to the supermarket shelves.

    Buy less:
    Supermarkets buy more than they know they will sell to create the illusion of abundance. They can still make money doing this, but it means a lot of fruit gets thrown away that doesn't need to be. If they bought smaller amounts they were more likely to sell they would waste a lot less.

    Donate leftover food:
    Food that isn't necessarily bad is oftentimes chucked out because it is past it's sell by date. Food banks and charities are good places to send the food that would otherwise be wasted.



    Other things that have to be sorted out:


    • The language-- does it have to be simplified for children? 
    • Wireframes (colours, fonts, layout...)
    • Add more to bullet points (or simplify / refine what is already there?) 
    • Also, we might condense some of these sections into one page, for example the supermarket and consumer 'what can you do?' pages, since there is some overlap.

    Sunday, 8 May 2016

    Storyboards

    The first set of storyboards for our video.

    Maeva and I will go over these together in class. Some things I know we need to still figure out:
    • I skipped some of the transitions, especially later in the video.
    • Make the colours more vibrant?
    • Maybe use the same "ugly fruit" throughout (rather than switch to the lime at the end)
    • Refitting to any minor script edits we make.
    • Timing to the voice over, once we record it.
    PDF Version

    Saturday, 7 May 2016

    First Wireframes

    These are the first tries at mocking up the first page of our website. It's still pretty simple, partly because I'm still unsure exactly what our aim is with the page (colour wise etc...), but also because I was looking at examples of kids websites to model it off.

    We'll probably end up changing the title and colours etc, and the drawing is going to be replaced with something else but this is just a general idea of the layout of the page.








    Style Test - People

    We got our fruit-dog designs pretty easy (they're just fruit, with stick legs) but it was suggested we also include people as well to give a human element, which means figuring out a look.

    Here are some super quick designs I drew up, trying to keep the simple shapes and limited colours from the fruit, but also making them distinctly people. I like the first one best, so I'll be using it for story boarding purposes, but I'd like to refine it more for the actual video.

    Friday, 6 May 2016

    Script (first draft)


    This is the first draft of our video script. We've still gotta story board it, so it still stands to be corrected with regards to pace, length and wording, which will happen as we continue to work on it.
    --

    There’s all kinds of fruit in the world.
    Apples, oranges, bananas, peaches, lemons, limes [continue for however long] … and the ugly fruit.

    Nobody loves the ugly fruit, but why?
     
    Ugly fruit are just as healthy
    They often cost a lot less
    And they taste good too!
     
    All around the world, farmers, stores, and people throw away 15 billion dollars worth of good fruit, often all because they look a little funny. That’s over 4 billion kilograms of food missing out on a good home.

    But you can help change that! More and more organizations are embracing the ugly fruit, making it easier for them to get to you. Support supermarkets that sell weird apples, don’t turn up your nose at that wonky pear, and encourage your family to do the same.

    Together, we can all do our bit to make the world a little bit uglier.


    Wednesday, 4 May 2016

    More Wireframes

    These are the wireframes I made for Thursday. I modelled them off Template 3, because it's quite simple and easy to read for kids (the main part of our target audience).



    Wire frames

    Some web design wire frames done up in photoshop.

    These started off based on the templates provided, but grew way from that. Beforehand, I did some thumbnails on paper:

    [Add scan here]

    Also some ugly fruit/vege dogs I doodled before hand.


    - Kezia

    Sunday, 1 May 2016

    Our Topic & Audience

    We have decided that our topic is Food Waste, and within that we'll be focusing on supermarkets. Our audience (still subject to change) are families, especially those with young children.

    This is because families buy- and subsequently waste- more than individuals. Reducing spending would also be a priority.

    We want to take a positive angle on the issue, focusing on what little things families can do to help reduce these issues, such as supporting supermarkets that aren't as wasteful etc...

    Our aim then, is to design/make something that appeals to both the children and adults in the families.



    Motion Graphic Inspiration

    These are some examples of illustrations I found. Some of them would probably be too labour intensive but I like the colours anyway...