Space perspective image development

Thumbnails:

Draft:

Final pencil

Traced over in pen

Dossier ideation/ rough mockup

Did a (very) rough mock up of an idea for the dossier today, because we our response focuses on fiction I thought it would be good if our dossier looked like a novel. 

The most recognisable novels I would think are the 'Puffin Classic' range (not all Puffin Classics are fiction but a large amount of them are). The dossier here is A5, giving it more of a novel feel, with perfect binding, and french fold pages (to increase the thickness so it would have a spine and feel more 'novel like'). I would like to push the novel approach further by changing the page size from regular A5 to A5 height but narrower, this would be closer to novel sized i.e. 13x21cm.  

Unfortunately as Sophie has pointed out our presentation features black and blue so the orange may be too removed from this; it does however reinforce the 'fiction' side of our proposal more with orange so it will be a toss up of reinforcing the presentation vs. reinforcing our fiction focus. Perhaps the Penguin design is so well recognised that it may still be recognised if we keep the other cover elements such as the ratio of the three sections, title in bold Gill Sans and author in regular Gill Sans, shape (usually with Penguin books in it), and centred layout. 

Attempt at perfect binding

Hīnātore

Brainstorming possible designs based loosely on display fonts. 

Finalised design chosen by group and reworked to suit A3.

Testing out shading techniques, it's harder to achieve the same look as the smaller logo so tests had to happen. 

Final A3 logo. 

Text for presentation

Been working on the text for the presentation tonight. Very time consuming but I think it'll be more effective than typed text.

Initial images + first sample video

First sketch up of images and initial (extremely simplified) sample of video intentions

Presentation planning day 2

We refined the text for the presentation today, each taking a section we wrote the text then swapped and edited/rewrote as necessary.
Sticking the large thumbnails up from yesterday we found imagery and made a visual brainstorm on the wall before working out the scale of each component to the other.
After this we made a more refined final plan detailing each text for each frame. The imagery that would be in the frame, and the size it was to be drawn at. This helped to ensure

Presentation planning

Because our team is made up fairly introverted people, none of whom particularly like public speaking we have decided that a video is the best way to go about doing our presentation. We have mapped out what we need to say and decided on visuals for each. We plan on creating a video in a similar style to the video I posted on this post. 

Naming

Today we met to decide on a name, we wrote these names on post-its and voted. Any which got three or more votes were shortlisted however none of these seemed right. We ended up looking up words in Te Reo and making a list of fitting words.
Then we wrote them on the board, and chose categories such as memorability, meaning, pronunciation, rhythm. Every member of Library 2.0 then gave each word a score out of 5 or 10 for each category (traits mentioned before were weighted depending on how important we thought it was).
We found this approach worked well as everyone was able to have an equal say and it forced us to consider each trait of all the words.

Hīnātore
(verb) to twinkle, glow with an unsteady light.
(noun) glimmer of light.
(noun) enlightened or wise person, sage.
(modifier) be phosphorescent, luminescent.
(noun) phosphorescence, phosphorus.

Twitter Reach

I'm not 100% how accurate these are having been done by a secondary website to Twitter however it can be used as a rough estimate around how far the WCL Twitter is reaching. It's obvious even from just these that Wellington Library is more of a common search tool than Wellington City Library as only my personal tweet about our survey is featured. The reach is far more than I expected after seeing that WCL tweets are rarely interacted with but of course it can always be improved!

Spatial idea sculpting

Rough Model of Proposed Site

But then maybe...

Interior first person experience

Other social pods that require less physicality

Light bubbles :) and maybe have light some piercing through the mez as well

And ill include the solo hanging pods in a another pic soon

So from our discussions and Pinteresting this is a sum result of these core values:

- Round shapes are more emotionally comforting 

- A degree of physicality may make the user more comfortable in their own skin and playful 

- Novelty is key for millennials

- Lighting and physical space can be used to foster a sense of enclosure in order to let the mind wonder into their story/imagination

- Comfy less formal furniture 

Main inspirator:

(couldn't find the designer unfortunately)

Initial brainstorming and ideating for the Digital Space

According to Bowden Media (http://www.bowenmedia.com/top-5-web-trends-for-2015/) the top 5 web trends for 2015 are Mobile Focus, Interactive Scrolling, Flat Design, Single Page sites, and Clean Simple layout. With this in mind we brainstormed the idea of a parallax website. Parallax websites are visually appealing and extremely effective at catching the eye of website visitors, it enables us to create an engaging timeline website that guides visitors to a call to action. Our call to action would be to get 20-29 year olds to sign up to the library and get involved with the New Adult fiction (and other aspects of the library). Infinite scrolling cuts down on web site loading times which will be good on mobile devices and allow more engagement rather and a lower bounce rate. Parallax will incorporate the fourth top trend of single page sites as all content will be on the one page again creating easy navigation, condensed attractive content and mobile friendly which according to Bowden results in 124% better usability.

Our initial idea sparks from these two images; the power of books can explode your mind and spark your creativity. Using the scrolling parallax mechanism we will be able to show the explosion through scroll. The way we display this at the moment is unsure; whether we use paint like the top example, words, or just simply a colour explosion.

I've broken down our idea into sections of information that should be incorporated in the website.

• Header
• Intro to NA fiction
• Book recommendations (general at the moment)
• Search bar
• Blog links
• Social media (hashtags eg #NewAdultWelly)

These will be discussed at our next meeting if anything more needs including or excluding however for the moment I've continued with these six.

We've (along with the other groups it seems) has been thinking that the yellow of the Wellington City Council colour scheme is the same for the WCL however this isn't so. The problem is their colour scheme isn't integrated throughout all pages and social media. Their website and all pages through the website including blogs are the purple and green scheme however the logo on social media (which doesn't feature anywhere on the website) is a yellow and blue. Their advertising over social media either doesn't relate to any scheme or it relates to the city council scheme, especially if it's attached to the Absolutely Positively Wellington program.
For the website, and some of our other deliverables, we need to decide which scheme to use and/or use our own new colours and revamp their colour scheme entirely throughout their whole range of platforms.

Taking the best parts from the quick wireframes I came up with this initial design. Obviously it's only an initial design and is lacking all imagery and visual qualities.

As we're wanting to go with a parallax scrolling design at the moment I separated each section and worked out the layering system.

1. Header
2. Intro and possibly sign up
3. Recommendations
4. Search
5. Library blogs
6. Social media

So far from group feedback this design has been approved of but I will bring it up in the meeting tomorrow along with a quick animated mockup to show how it would scroll in case there's any further comments.

Scrolling inspiration

Numero 10 - The way the black pattern overlays the last page could be good, useful with the brain creative explosion idea. 

Boy-Coy - The overlay is more subtle and 3d in this one but still could be good with our design.

TEDxGUC - The simplest way to overlay, looks clean, professional, and obviously a different section with the black and white. 

Presentation Style Idea

While the content is so far from what we're doing the style of the video could be very easily emulated in our presentation, I think it's super effective, could save us a lot of time + make our presentation more interesting than just video.
We could use it in an infographic way at some points and at others use it to show the aim of our concept (fantasy, imagination, escaping into the world of fiction). All without having to find the right objects/places to film! Plus we could do something quite effective to fit in mockups with the style. For example with the online mockup we could show a laptop drawn in this style and then an open one with the mock up on screen, zoom in to it to transition to a screen where the full screen is the mock up.
Just an idea. I like this style. I also like reducing my work load. As Karl (Kane) always says "work smarter, not harder"

Client Questions

We just had a couple of questions to further investigate our target audience before moving into the SPP copy writing and design. Joanne kindly gave us their results from a customer survey that happened earlier in the year, this featured 224 individuals answers to a series of library related questions that will be really useful to our work. The data is confidential and not on the blog.