MAJOR PROJECT: SITE LINK

WWW.byrographicnovel.co.uk/chapter1.html

Advertisements

MAJOR PROJECT: Evaluation

Evaluation

Reflecting back on this process it is quite easy to say that there has been some really big learning curves, skills that I would have never have known I could manage to develop at the stage I am at with web design. I thoroughly enjoyed testing myself with this project and felt at times I had bitten off more than I could chew which added to the fun.

Obviously because something like this would take a full team to develop, to do the music, illustrations and code, so it was extremely testing to develop this project and became overwhelming at some points keeping track of what I needed to obviously because I spent a ton of time drawing, making the music and coding by myself teaming together with others to develop something like this would be a better idea in the future.

It can be argued I need to work on my time management skills, which is something I endeavor to improve on because as I get better at managing my time, the better quality my products will end up being. Not only that I believe that it is important for me to focus on the things that really matter without getting distracted.

Overall I believe that working on this project has helped me gain a deeper understanding of the industry I aspire to be a part of, and the different things that I can do with my expertise.

Learning Curves

Throughout the process of this project I have learnt a lot, and managed to develop an understanding of the majority of my learning out comes. I have managed to develop a brilliant understanding of Javascript such as parallax effect, and incorporating sound in with Javacript code.

Not only has the code been a large learning curve for me but I have also developed an understanding of storytelling, using new technologies creating music, and illustration. Not only that but working on a project like this has allowed me to develop an understanding of the different routes I can take within this industry.

MAJOR PROJECT: FUTURE CONSIDERATIONS

Adventure Book

For future considerations of this project, I thought it would be a good idea to transform the standard linear graphic novel into an adventure book that would allow the users to not only read the novel, but play a part in it as well. Being able to interact with the illustrations and changing the narrative of how the story plays out depending on their choices. The user will be allowed to interact with the characters and make their own decisions, which will lead them down a different root every time depending on their own decisions.

Tablet App

This will allow for the project to make money, releasing each chapter as an app solely for tablet that the reader will have to pay for if they want to read more in some cases just like watching a TV series but reading it instead.

MAJOR PROJECT: USER TESTING

 

usertest

 

Within section I will talk about user testing of my graphic novel, and what the user thought about the whole experience, from what they liked to what they didn’t and area’s they think need improvement. This will allow me to understand how the user reacts to my experience, and also will allow me to develop and understanding of exactly how I can improve on what I have created for future considerations.

 

My USER: REBECCA

 

usertest

 

After testing Rebecca had a few things that she really liked about the experience, and others she believe needed improvement. She really liked the overall idea of using an immersive platform to tell a story, using illustrations and sound she thought it was a much more exciting way of getting the story across and said she really felt that by using this platform you get really immersed in the overall feel and idea of the story through the music and drawing style.

There are a few issues though that Rebecca believe would improve this experience overall, such as implementing interactive sections that allow the user to click on an element and it would either make a sound or animate, or even allow you to take a closer look. Also she pointed out that a good idea would be to implement a mute button for the sound. She also added that it would be better if their was more animation implemented into the experience, saying that it would improve the immersive aspect of the experience.

What She Liked:

  • The Overall Experience
  • An Interesting Idea

Further Improvements:

  • Add Mute Button
  • Animations/Sound When Clicking on Elements to Improve Interactivity
  • More Animations

 

 

 

MAJOR PROJECT: AOS SCROLL ANIMATION

 

aosfade

 

AOS Scroll will allow for elements to animate in as the user scrolls down the website, this will add a nice effect to the website changing the static images into objects that move in and animate.

Before doing anything it is important to download and place the aos files within your websites file tree and then link the AOS CSS and Javascript to your html file.

HTML

With AOS Animate On Scroll there are many different effects you can add to a HTML element, allowing you to make an element transition in any way you see fit depending on your own ideas.

It works by placing HTML elements within a div and then attaching a data-aos to it, the data-aos allows you to implement an animation to the image or text you want to animate, there are many different options of animations in this case I want this image to fade-up.

aos123

Not only can you add animations to an element but you can also set a delay on the animation and make it appear just after another animation.

JAVASCRIPT

There are many set ups for the AOS scroll animation, you can set it so that all elements with a data-aos attribute attached all have the same settings and animation, but in this case I want to manually set the data-aos of each element so I will keep it at its default setting.

aoswoo

GRAPHIC NOVEL: MARKETING ND MONETISING THE NOVEL

 

marketing

 

Within this section I will discuss how I plan to market and create profit from this project. For the moment BYRO is solely web based allowing the user to go online and view the graphic novel, but I really want to turn this into a story that is solely for tablet and accessible from the app store.

 

MARKETING MY IDEA

 

kindle

 

The idea is inspired from the use of amazon kindles and how they allow users to download their favourite books from an app store and using them on a device that can store all of their books in one place rather than carrying five different books around with them.

Because this is the way books are going they are all becoming a more virtual experience in the form of an e book or app that are downloaded from and app store, and will eventually be totally virtual which will make actual books irrelevant eventually. this same process can also be seen with music and film such as:

 

FILM

netflix

Netflix and other sources have removed the need to go to a retailer and buy movies or rent them, it has taken over entirely, because now films and series are now all online on Netflix and other entertainment services.

 

MUSIC

 

spotify

And as well Spotify, apple music, Tidal have all taken over the music front. These platforms contain virtually any music that you want to hear for free, or if you want to remove the adverts you have to buy an account.

 

tableticon

 

The point I am trying to get across is that all entertainment is now transferred  into a virtual format removing the need of using their physical form, such as going to buy a movie or album from HMV and possessing its physical form, the needs of society now want everything in one place.

This made me think about how it would be possible to make money from these interactive graphic novels, because their are examples online but these are free experiences that could be making money by utilising a similar marketing technique.

So I decided that this product could be developed solely for tablet use, using the same techniques as the kindle and implementing the graphic novel as an app that can be bought from the app store.

And each chapter will be sold separately so when the user has finished the first chapter they can then go onto buying the second one, which in turn will generate a profit.

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