Watercolour Storyboarding:

Traditional painting and storyboarding is a large part of my creative process. Digital mediums are great for final creation and editing of artistic material, but the essence of my style is materialistic. I went to Gordon Harris to collect a large amount of thin paper, and transferred it to the bindery lab. They only provided A2 and A1 sheets of the paper I was after, so with the guidance of Fleur, I cut all of it down to the general width of a tablet frame. Working with the width of a laptop made it very difficult to sketch efficiently, and was a waste of materials so this smaller are made for faster storyboarding. I started with basic scrolling layouts on the left panel, and proceeded to design add colour and texture in a separate panel. I will scan these backgrounds to a digital format and use them as backgrounds to my Adobe XD file. (planning stage)

My current workspace is quite messy as I gather my thoughts and plan the order of narrative. I am beginning the mockup in Adobe XD.

In that space I’m testing many ways to add interactive elements to the website, whether that be a click/tap style, or working with key-bindings. I think initiating an action using ‘tap’ will be the best way, as it is responsive on both mobile and web. Most young adults (university students) will be accessing a story like this on their mobile phones or tablets.

Above is a scenario where a bookshelf may be interacted with. This sort of action will be caused by the user clicking on the highlighted book. When the mouse hovers over the book, it will glow slightly showing that you are able to interact with it. Sometime interactive elements are skipped over as they do not change as the viewer moves past.