CONCEPT FIRST IDEAS
p.02 p.04
SKETCHES NAMING
GRAPHIC IDENTITY EVOLUTION OF THE LOGO FONTS TEXTURES WEBSITE
SPACE
EVOLUTION OF THE IDEA STRUCTURE & MAPS VERSATILITY SCALE MODEL
LIST OF KEY WORDS
p.08
p.18
p.22
CONCEPT The Cocoon Project is a new proposal for the young public in the Gรถteborg Stadsbiblioteket. Starting from the concept of adolescence (since it is focused on youngsters from 12 to 19), we find a new modular and versatile space, a big cocoon that invites the people of the future to enjoy its cultural sources and that is inspired by ancient Greek theatres. The aim of it is to make little brains be able to grow in a healthy way, impelled by motivation and helped with conferences and workshops about different subjects. Cocoon will be a sharing space too, where people will be able to work in groups or separately. There will also be a website in which users will be able to connect and see all the events going on it, choose their main interests, create lists of documents seen, read or heard and even programme an own calendar for these events.
This booklet is made to show you every little detail about it, I hope you enjoy this.
FIRST IDEAS SKETCHES
Just after having seen the library, I started to think about the Dynamo area so much. In my opinion, adolescence is not considered enough as it deserves. It is a transition time, in which we develop our brain and our personality, we adquire fresh knowledge that, followed by interest, grows us up as human people.
Own scheme, trying to find concepts related to adolescence. These kind of schemes helped me so much at developing the whole idea for the project.
04
My first ideas then, were focused on the ancient Greece. My first aim was to create something new that also reminded to the classics, a public pleasant area, opened to the people but closed in a way, almost protective, that could be used as a meditation place, studying, reading, conference, workshop...
Main parts of a Greek theatre, scheme.
05
FIRST IDEAS NAMING
At first I didn’t make any word scheme and everything was so unstable, like floating beneath nothing. The place was a place for studying, a serious and quiet place if you think about it without knowing much. I wanted it to be cheerful, so I started to search for the word “play”, since my aim was to give consciousness of action but also of fun. Then I began to draw “Playground” logos and to see their possibilities. I got deep into the structure itself and tried to see the connections between the shapes of the structure and the letters. Here in the right page, you can see the evolution from top to bottom. In the end, nothing made much sense to me so I stopped and went back to basics.
06
07
GRAPHIC IDENTITY EVOLUTION OF THE LOGO
After having the concept anchored, the first thing I decided to do was working on the logo. Everything I do always comes by reminiscing to my visual experience, so I started to search for character and letter images in my memory, which could help me reinforcing the concept of “cocoon”. I also searched for real images and dictionary definitions to have the awareness of how a natural cocoon looks like and how it evolves. In the left page you can see a basic selection of my esthetic references when coming to develop the logo. At
Logo’s developement process, in chronological order from left to right. The final choice is the coloured one in the center of the page.
08
first I just played with the silkthread continuity, but I wanted something harder, just like an armour, which emulated the protective coating of a cocoon. Then, I continued with this and the cocoon shape, with the aim to keep the silk thread on it, as the path to choose in adolescence. After many tests with the letters and the shapes, I decided to choose the one which filled the shape better, but was also clear at reading it and had all the elements I found necessary for it to have.
Evolving Caterpie, from PokĂŠmon anime series. Manga fiction series show us sometimes part of the natural reality, this is a good example of it.
Actias Luna pupa, Wikipedia source. This is nearly what perople has in mind when thinking about a cocoon.
Smoke letters & HookahSmoking Caterpillar, from Disney’s Alice in Wonderland. This motion pictures always were such an inspiration source for my work.
09
GRAPHIC IDENTITY FONTS USED be the r, or it can e g n e s s e m y r ordina n be just an “A letter ca Since all my graphic project was reflected on a website, I needed at least a font family which worked well on a computer screen but that were also clear at reading when printed, I needed a pixel font. First of all, I started to search for web fonts: I went to many typography websites and read a bit about this. My objective was to have a wide
point of view of everything I could find, so I made the scheme below to be aware of all kind of typefaces and also web fonts available. I wanted something light to compensate the weight of the logo, something between the classic and the modern: something with serifs but computer-looking. Soon as I decided this, Howard G. Kettler arose among the accumulation
Hand-written scheme for web typefaces to use. These are some websites I went to.
http://webtypography.net/ http://es.letrag.com/ http://www.unostiposduros.com/
10
ity.” , and stabil e g i t s e r p , y dignit ch radiates courier, whi
of letters, jumped to my ear and said: “hey babe, I’m your man for this!”. I was pretty scared then, when suddenly Adrian Frutiger appeared from the same amount of letters and jumped into my other ear. He told me that old Courier was not that good when reading since it was a monospaced font, so he offered me the redrawn Courier New, an improved version from
Kettler’s Courier. This last one fitted so well to my ideas that I decided to use it for everything, I didn’t need more fonts to make it even more complicated. I wanted it simple and this family fitted so well: Regular, Italic, Bold and Bold Italic... enough!
11
GRAPHIC IDENTITY TEXTURES
eye, glasses, brain, soft, wool, cloud, bubble, meditation, dispersion, silence... round, circle, dot.
comunication, microphone, mouth, megaphone, talk, shout, ear, sound, waves, expansion, direction... lines, triangle.
hand, make, build, structure, reticule, modules, puzzle, steps, process, bricks, accumulation, under construction... square, rhombus.
12
13
GRAPHIC IDENTITY WEBSITE
The website for Cocoon would we a discovering virtual place, where the user (introducing his library membership card number and a password) could access and personalise it easily. Using the same pattern or symbol guide as I made, there would be three different areas to go: My World, Conference and Workshop. Every symbol in the cloud of each area would be a concrete event, but in My World, there also would be groups that the user has made to put media on it, as well as lists about interesting stuff. These
14
clouds will be dynamic and will have their particules moving inside them. Everything will work by tags, so this way it’ll be easier to determine interests in each user. The events that are more interesting to the user will appear in the cloud as red, the half-interest as yellow and the rest in black. The user will be able to see them all listed by date clicking directly in the name of the area. If he or she clicks in the concrete particule, they will get directly to the information of the event.
Bookbinding 14/06/2010 16:30-18:00 crafts, design
Pop Art 20/06/2010 10:30-13:00
Origami 23/06/2010 10:30-13:00
art, crafts
art, crafts Different areas with their respective symbols above each kind of event.
Loveometer This widget points out the level of interest that the website has to each user, according of the preferences chosen. Each symbol (triagle, rhombus or dot) will be at its respective level, so te user can easily see wich area has more interest to him/her. Red is for more interest and green is for less.
15
GRAPHIC IDENTITY WEBSITE: steps to discover it
1-3
16
4-6
7-9
10-12
17
SPACE EVOLUTION OF THE IDEA
Continuing with the idea of the Greek theatre, I wanted to make the structure more actual, modular, that could be easily constructed and joined by four equal modules and a staircase with a hole in it as well, just to keep the tunnel as a storage room, where people could take furniture and comfortability items from.
18
VERSATILITY
WOOL
ESPARTO
COTTON
19
SPACE SCALE MODEL
YOU WILL NEED: - Light wood - Thin cardboard - Wooden sticks - Black card - Glue (Lim) - Black spraypaint - Offset paper - Laser printer - A computer - Time - Patience - Someone sitting on a picture, no matter how.
20
Built module, seen from above. The sitting places are diferentied from the walking area, which will be blackpainted wood.
This would be the part of the Cocoon that would be seen first. The bookshelves would be accessible to everyone. The highest point of them is 1,50m, so everyone will be able to reach books there. Lockers for shoes underneath, since people will have to leave them before getting into the Cocoon.
Representation of someone sitting in the module.
21
KEYWORDS transition, fresh, human, classic, protective, action, fun, learn, discover, meditation, study, conference, workshop, sustainable, thread, path, light, serifs, computer, particules, interests, dot, triangle, rhombus, cocoon.
22
THE END
Eulàlia Delgado Catalán DK2 26th of May 2010