MAJOR PROJECT: BYRO Walk Through

icon-walkthrough

 

Within this section I will walk through each section of the BYRO Graphic novel, there is no need to do a user journey because it is pretty much a linear experience only allowing the user to scroll through each section of the experience with no other links or routs for them to take, but this section will allow me the highlight each section of the novel to allow others to have a greater understanding of how it works.

 

byro.png

 

STAGE 1 – TITLE SEQUENCE

Once the user enters BYRO the first section they will arrive at is the title sequence, Obviously the first port of call take for example the boat was to implement the titles in large with my name underneath, and also I wanted to instantly add some animated elements so I decided the best thing to do would be to add rolling clouds because it starts above the city.

stage1.png

This section was solely inspired by The Boat, I loved the way on the title sequence the name of the graphic novel is in large and then underneath are some animated elements this is something I really wanted to bring out in my novel. Example:

theboat.png

STAGE 2 – THE CITY UPPER LEVEL

As the user scrolls further down the page I really wanted to immerse them with the sound and visuals to try and make it look as though they really are descending into a city with the use of sound and the scroll fade audio I wanted the sound of the rolling clouds to slowly transition into the sound of a busy city, this adds a feeling of depth for the user making the project seem as though it is alive.

stage2.png

STAGE 3 – THE CITY LOWER LEVEL

Stage three brings in the lower level of the city, this is where things really start to come to life, bringing in more animations with my drawings of cars that drive across the screen again adding a little more depth to the experience. Also after scrolling from the top the sound transitions into the sound of vehicles driving from one side to the other, and the main theme starts to play to really get out that gritty horror feel that i want the user to feel when experiencing the graphic novel.

stage3.png

STAGE 4 – CHAPTER INTRODUCTION

After the user scrolls down further after the lower level of the city, they then enter under the bridge where the 1st chapter is introduced with the chapter title. Within this section you see the two main characters:

Officer Billy Brunel (Left) and George Kranz (Right).

Also in this section the sound effects of the city fade out and allow the music that I have made to become more prominent so the user can really appreciate the sounds that I have created for the project.

stage4.png

STAGE 5 – GRAPHIC NOVEL FORMAT

After the chapter is introduced the story kicks in, when the user scrolls down it kicks into a normal graphic novel format introducing the start of the story with the sin city style text that is hand drawn by me and implemented over the top of the darker imagery to allow the story to stand out against the illustrations.

Also the scroll animation kicks in on this section, improving the the experience allowing the scroll animations the represent and emphasise the emotion of each section.

stage5.png

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s