Wednesday, 31 May 2017



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.

Tuesday, 23 May 2017

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:

make text at start of vid longer and play around with font
container labels more readable
voice over?
blur, ease in

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


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?