Final Video

Final Advert

Youtube Link Also:

https://www.youtube.com/watch?v=VBFxSpdewXk

Evaluation

Evaluation

The brief was to produce an animation walk through of an app, it could be any length, and the brief was very flexible so I think that helped me a lot whilst thinking of an app to design and how to animate it.  The hardest part was to come up with an idea but something new and fresh; the one thing I did not want to do was to do a brand extension, I think the design side of it would not be as fun to do as creating your own, because you have to keep to the same style of the brand.

So after designing my app and creating the animation for it, I have learnt and progressed my skills as an animator, since my previous project (lip sync) I used After Effects but at a very basic level, all I had to do was to animate the text but from that little experience that helped a great deal, but creating this app was another level, needed to enhance my skill sets, and I thoroughly enjoyed animating my app; I feel a lot more confident in my animating skills.

Furthermore since designing the app, I have paid attention a lot more into adverts, and more over the functionality and navigation of my own personal apps, it is not until you start creating your own app and animating it that you notice there are some poorly designed apps out there.

Moreover I feel my app has a few issues with it, could have changed the font type or perhaps the boldness and colours of them; I feel the navigation is fairly simple, it does what it says, but the key thing is that you can easily return or escape from a page with no problems, (whilst looking at other apps that has been a problem, your just stuck on one page). Nevertheless what helped me a lot was creating a colour palette for my app and keeping the colours consistent throughout the animation; the colours are contrasting and match each other; the colours come from researching what the represent, for example green-knowledge, grapes-purple, red-wine and books-brown, hence why the pages are their respective colours.

If I was to re-do this project again, I would change the concept of how I animated my walkthrough of the app, and to make it more believably I would have recorded an individual using their IPhone then animate my pages accordingly. Furthermore I would of used narration explain my app, because I feel it’s more engaging than just text appearing and disappearing on a screen, and even more so I feel that the audience would be much more engaged with the app, if I included the narration I do not think I would have music, it would be a bit too much.

Finally overall, I feel that for my first designed app, and my first walkthrough of an app it turned out pretty well, it has a clear narrative, engaging however one minor thing I personally feel it’s bit too long, but baring in mind it’s an app for wine and wine as a subject is very complex so needed to make sure that I showed wine as a subject in its simplest form.

Music

Music

The little details make the app I feel, so I needed to choose the music carefully, because of the app is about Wine, I needed to make sure that the music was elegant, jazzy, and make you feel as if you want a glass of wine.

I went through a lot of music, I decided on one and I think it fits well.

Heres my list and website I picked the music from.

http://freemusicarchive.org/curator/Video/

The song I picked; Obrigate Soxiante (slow jazz)

Others I listened too;

Jake Bugg:Taste It
Kevin Macloed: Ace Vibe
Zapaska: Waitress
The Custonian Records: Hey
Kai Angel: The Moments of Mornings
Dmitirvy Krotevich: Sunday Shop
Luciano Foglia: Use Hypnosis

Fonts

Fonts

The font I chose for the animation is exactly the same type for my app. 

Roboto family- Light, Italic

Background

Colour Palette 

So to keep the consistency I kept to the same colour scheme, I chose for my app design.

I think it adds to the dimension of the video, breaks up the animation to make it more interactive, and not so plain.

Test 2

Test 2

So after re-doing my video again this time following the new animated storyboard I produced, I think it's a much improved version, however still a few thing's wrong with it, still the timing, and the text needs to change, it needs to be more consistent.

Here is version 2

Storyboard

Storyboard

So after reviewing my videos I decided to re-do a storyboard because I think that was the one thing letting me down, so I decided to create a new animated storyboard so that it would help me with understanding the movements and camera angles.

Test 1

Test 1

So once I sketched out a rough storyboard to see how my app would animate, I went ahead and started to put it together.

After watching it back a few times, there were a few things wrong with it, firstly the timing was all over the place, the fonts were different and differently animated, however what I noticed the most was that the phone itself was static, it was to cliche, it didn't move.

I reversed the roles, and I was thinking what if I wanted to know about the app, I would be bored.

Below are my video examples.

Movement

Movement

Whilst I started to produce my animation the one thing that has been lacking is the movement of the phone itself, I have fallen into the trap of doing the cliche thing of keeping the phone static whilst I demonstrate how the pages work.

It's too simple and boring.

I drew out a quick storyboard to outline the movement of how the phone should animate within the animation and what pages should animate too.

Reference

Reference

To get an idea and a clear understanding of how I want my app advert to look, I love the style of the apple adverts. quick, simple, fast paced and shows the product off very well.

Page Layout

Page Layout

Now that I have designed all my pages, the icons, the next step is too create the animation.

First and foremost the trick for creating a simple, direct animation for my app is that I don't need to show everything that goes on through my app, if i was to show everything the animation would be boring and slow. 

So what I started to do was to create a quick storyboard to see the orientation of my animation, I choose certain aspects of my app which I feel would be interesting, firstly picking your wine choice, searching a year, bookmarking your favourite wine, taking the test and looking in your bookmarked folder. 

Furthermore I have to bare in mind the options whilst using this app, and the functionality of it all too.

I feel how I have organised my animation it will demonstrate what you need to see in order to gain an understanding of what my app does.

Icons

Icons

The icons were an extremely hard thing to design, because I needed to choose the right style and choose the right colours to compliment my app. 

I checked out various websites, but the two sources that I go to that never let me down are;

https://thenounproject.com/

The noun project is create for fun and quirky icons, the majority are free of charge however some you need to pay.

http://iconmonstr.com/

I feel iconmonster you can't go wrong with gives you so many options, all for free, and you can download either SVG or PNG formats and furthermore you can pick the actual pixel size you want too.

Below I have posted a variation of drop down menu's (with icons) and my icons I created for my app too.

What helped me a lot whilst designing these was me just using my phone, looking at the sizes of everything, the arrangement, you don't realise what is actually there on your phone until you actually properly look.

Aswell as the menu and social media icons, I needed to create a tab for my app also, I like the O in the wineo so I thought I would try and experiment with the colours.

Your Bookmarks

Your Bookmarks

This is a really simple page, it's just a neat way of offering the user to organise his or hers bookmakred images, ranging from individual bottles of wine, food, food pairings to region.

It does exactly what it says on the tin.

Furthermore this page was fairly easy to design however the colours were the hardest part to get right, because of the types of browns I used I needed a strong and bold colour to compliment the pages and more importantly easy on the eye.

The previous page works well so I thought why not apply the same whitewash effect on these pages, I think it's a tad too much, but it works.

Become an expert

Become an expert

This page is fairly simple to navigate around and it's fun for the user. The design of the pages are similar to that of 'find your wines page', I used a combination of varied colours and making sure that the font is readable too. 

I believe that's the hardest part whilst creating the app is making sure you can read the content.

Yet again experimented with the whitewash effect, it works on this page, purely because there inst much detail but to keep my app consistent I couldn't add the whitewash effect on this page and not the other pages.

Yet again I applied the whitewash effect to these pages, it's subtle and works well.