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