Rational

Rational

I created a two page website with one motiongraphic on the topic ‘how growing a herb garden help with air pollution’. The target audience is primary school kids. My main goals were to make it easy to use but still fun.

The first page: i used a looped colourful, fun animation to introduce my characters and engage the audience. Underneath is a brief introduction and information on the big problem - global warming. I used easy to read type and a simple explanation. My website is interactive, when you reduce the window size the three columns turn into one. The navigation bar is float on the top so its easy to navigate all the time.

The second page: First thing you see is my motion graphic. Upbeat music, characters and bright colours make it fun and engaging. Later i added a voiceover to further explain whats happening in the video. Under the video is more information and a cartoon.

If i were to do this project again i would add more information and some links to other helpful pages. Also i would include a third page where you can share your own garden photos.

Annabelle Schurhammer

Push to the end

I changed quite a bit in this last week. I looked at more website examples because i didn't like the way it was looking. I decided to make a big looped animation on the front page ( before it was at the bottom of the page and not animated and without mountains.) I changed the type. I did like the hand writeing looking type but it was harder to read and didn't look as professional. I also separated the type into columns. I added small details in the navigation bar and footer. Also made it interactive.

week 5, website

Below are screenshots of what my coded website looks like at the moment. I have coded two pages. you can see how it responds as it the window size changes. 

Bellow are some different type options.... I like the top and bottom right the best.....

week 5, motion graphics

I recorded a voice over, changed the length and type of title, made container labels more readable, eased in and out and turned blur on, also made first image more interesting. 

Week 4, first motion graphics! and feedback

Had feedback today:

video:

make text at start of vid longer and play around with font

container labels more readable

voice over?

blur, ease in

Website:

start coding

find good font

fun, colorful

fit with motion graphics

week4 more possible layouts for website and illustrations

Extra illustration that i want to go on the website

Found some more sound effects to play around with. eg, water, shuffling, falling

Didi some more concepts for the website, not very happy with them tho.......

storyreels

I quickly illustrated the main elements of my motion graphic in photoshop to put y story reel together.

 

I made a more extensive illustration list for my final illustrations. 

two storyreels is whipped up. Slightly different, on has a possible sound track behind it. I am thinking about also adding sound effects? 

Illustrations for video

Finished all the illustrations ready to be animated!

I've decided to go with one pot and then bring in three pots right at the end.

week 3 more story boards

week 2.2 Story board

Storyboard

We are doing two motion graphics:

1. How planting a garden can help the environment.

2. How to plant a garden

I'm doing the storyboard for the 2nd (how to plant a garden) we have decided to but sound effects or music behind the motion graphics instead of a voice over.

I came up with two options and chose the 2nd to refine further.

Next step is to start some illustrations.

week 2.1 website concepts

Website concepts for Thursdays crit.

After the crit i think we are on the right track, our ideas fit together. We want to make our website bright, easy, bold to make it appealing for kids. Lots of small animations/Gifs to ceap them entertained and simple, cute illustrations. Easy to read type (no complicated words). Loved Islay's little example illustrations, they show the style we want everything to be in.