DOCUMENTATION Saishraddha Malage ● Sem III ● PG Graphic Design Joining batch 2009
1
Thanks to• Immanuel Suresh for being my guide. • Aditya, Hari Prasad, Roberto, Satchith, Mushtaq, Priyanka, Austin, Sarvesh and Vinay for showing me Bengaluru. • Dinesh uncle, Viji aunty and Akshara for all the love, support and hospitality. • Swarathma- Jishnu, Varun and especially Vasu and Bindu for giving me such valuable inputs for this project and their hospitality. • Jonathan and Sangeeta for guiding me through my process in web related decisions. • All my classmates especially Anuj, Rohit, Boopathy, Mira, Rakesh, Apoorva, Sonam for their constant help and support. • All my batchmates. • My parents and my brother for being there for me.
Proposal 6 Research I 8 Logo Explorations I 17 Research II 20 Logo Explorations II 36 FInal Logo 42 Web Explorations 44 Final Web Exploration 57 Learning 62 Bibliography and Webliography 63
Studio 2 : Identity Design for an organization giving out local music information, based in Bengaluru. ● Why this project? I had a course called ‘Specialization’ a few weeks before where I realized my mission statementPromote expression through creativity for positive environment. I wanted to take up a project that would satisfy my mission statement. During the vacation I was in talks with a few friends and were thinking of doing something to keep the city’s art culture alive. Music, Drama and Pop art featured at the top. A few friends from Bengaluru had shown more interest in the field of Music. And so it happened, I decided to take up this project to brand this hypothetical organization, as of now, in a city I always wanted to experience. ● The Organization- What’s the Scene? This name had popped up in those casual discussions that we were having. It was colloquial, catchy and almost natural to ask while trying to get some information about something as ‘cool’ as music. There could be nothing more perfect as a name for this organization. Just deciding the name defined how informal and youthful this place could be. Now there is an Organization and there is a Name and all I knew is that this organization would function in the direction of compiling and giving information out to people who need it. This is a record of how it went.
5
6
7
During my first guide meet I was asked by him to first break the aim of my project into smaller parts and see them individually. To create visual identity for a hypothetical website that deals with information collection, analysis and presentation of the local Music Scenario in Bengaluru.
From Peter Bonnici’s Visual Language: the hidden meaning of communication
8
9
10
From Logo: design workbook by Adams Morioka I tried simplifying the objectives of this organization.
11
According to WikipediaA website is a collection of related web pages containing images, videos or other digital assets. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address also called URL. A web page is a document, typically written in plain text interspersed with formatting instructions of Hypertext Markup Language. A web page may incorporate elements from other websites with suitable markup anchors.
12
13
Bengaluru is the hub of music in India. It has the maximum number of shows due to lower entertainment tax compared to other metros, at least till recently and has been called the Pub City in the past. Reading from the net on blogs and speaking people who are involved with the whole scene, I came to build a mind map of all the in information that I collected. I spoke to students in NID from Bengaluru. They all had exposure to Music and it was something that they had interest in. They told me about how the city has a mixed up culture Satchith Paulose a student of NID, also a musician showed me the scenario through the eyes of a struggling band. He told me that the music is not an open thing for anyone to come and experience. It is restricted to the select few pubs which have the permission. This strains the kind of crowd that gets exposure to what is happening. He hates it that original music is not given credit and that bands are expected to play covers to make a mark. Most bands do not go beyond college level and very few good bands still exist. They are just the lucky ones. Publicity of gigs happens through word of mouth. Every band has its fan following and its only those handful that turn up for that particular gig. It becomes a closed circuit. Bands are into neck and neck unhealthy competition. There has to be some way where the scene is turned into something positive. Band Whores as he calls them are the common musicians who play for more than their own band. So the competition takes another route. There are a lot of people passionate about music but then it dies out because of the way our society sees music as a hobby and refuse to take it seriously. It’s the perception of the society. The fact remains that the more popular bands (by chance) keep getting more popular and by no means it means that they are growing. They are still under a lot of pressure from all sides. Aditya Narayan and Hari Prasad, as fans and listeners of Music they had a different and a positive view of the Music in Bengaluru. Aditya told me that the city has changed a lot since what it used to be.
14
It has grown to an extent that it has lost its Laid-Back feature. A little history input by Hari- Bengaluru was meant to be a holiday destination when Chennai (then Madras) was used as an important place to do business in the south. Apart from that the adjectives that were associated with Bengaluru were: pubescent, low contrast income bracket-wise. According to him improving public transport and promoting it is a solution to curb the 11pm-deadline in Bengaluru which is the major reason for the dampened music scene. The word about the gigs get around by word-of-mouth and facebook updates. There are a few websites but there is no such website that keeps abreast with all the information. The news about the bigger gigs are covered in papers. He said that there are very few patrons of Classical music. They are restricted to pockets of the city. The Old City seems to have more presence of the classical music with places like Ravindra Kala Kshetra, Town Hall and Chowdiah Memorial Hall hosting eminent artists. The viewers have a very wide age-range but are limited to the niche audience. Its the papers and sites like http://eventsbengaluru. com, the newspapers, Twitter and through media in various coffee outlets through which word is passed around. I met Roberto Narain from Bengaluru today. As a musician who stayed for most part of his life in Bengaluru he had a lot to tell me. Been there, Done that. almost the first line he said. First he burst my little bubble of how the music culture in Bengaluru is now. As most of the artists, he did talk about the better times that have passed.
The Music Makers: As far as music is concerned, his take is, technology has made anyone a musician. There is lack of originality and the direction. The youth has become yuppie before their time. Its all about the booze and the drugs. The rock scene begins at the college level and dies a premature death. There are very few bands that don’t fall prey to disbandment. It was for the love of music where as now it is a crabs life where one band pulls the other down. Experimentation is on the low. There are a lot of immigrants and it has made the music even more confused than it already was. Music Live: The live music scene is as good as dead. There were pockets in the city before, where musicians came and jammed, crowds were drawn. It was for the love of music where as now it is a crabs life where one band pulls the other down. The curfew has not done any good to Bengaluru either, where pubs require a license difficult to acquire and the 11.30 deadline has made the nightlife null.
People change and places disappear. Commercial players are strumming the strings more than ever now. Before there were no equipment and a lot of places, now there is all the equipment and technology, and no place. There is a lot of underground music that stays that way and there is no record of most of it. Publicity: Its all word of mouth. The publicity is more of selling that promoting a band. Its all for the money. There are very few websites that give any information at all. If the label is big enough it can afford vinyl banners or there is always facebook. If there has to be a website it has to give Clarity, not the mess put on the screen what is already there on the scene. Totally against free download of music and pirated software. I tried coming up with what might be the current situation of the live music scene in Bengaluru with the information I had till now.
15
I compiled all the information about the city, I had and put it down as a tree format.
While this was happening I was doodling to achieve the logo to capture the essence of Bengaluru. Since the organization is called ‘What’s the scene?’ and the target would mostly be the youth, I was convinced that I should use the SMS abbreviation for the name WTS would be the best to work with. Since this is for Bengaluru, adding the city’s name would make it clearer for the audience. I took cues and guesses from the research and came up with a few concepts and sketched them out.
16
inspired by stage passes
**inspired by
stage dimentions, monumental, making music big
a badge like form, related to the youth(mostly collegians), to promote the organization as a youth community
**
speech bubble, colloquial
representing the question itself
17
Keeping in mind I made the logo type extendable and used a fairly bold font along the sides of a stage. Neonic glow and an abbreviation was tried in further explorations.
BANGALORE
O
The look is more of a classic bar for chilling with drinks, music and friends. My target audience was becoming narrow here and the logo reminded me of Hard Rock Cafe.
R E
W H A T ’ S
T
H
S C E N E
E
Expansion of the organization may need variations of the logo in different cities.
B A N G A E
S C E N E H
E
S C E N E
A
M U M
B
A
I
I
W H A T ’ S
W H A T ’ S
T
T
H
L
N C H E
Since live music is played normally in clubs and pubs, neon as a theme seemed like a good option then. Geometrical letter forms gave an edgy and energetic look to the logo. RE LO
A NG BA
Again limiting the logo to a website I created an extension in the second exploration below.
BA NG AL OR E
18
N
To express that the site gives clarity but the element of music was lost.
WTS
Expressing the confusion in the music scene, I tried to create a dynamic logo which looks illegible but once clicked on, it releases icons and reads the name of the organization.
What ’s Scetnhe e
banga lore
Sound waves express music the best and colouring them in different shades, shows different kinds of music and harmony.
wts 19
I was not content with it. It was superficial and had information was more a personal point of view that required validation. More over I was not able to feel and experience the city myself. I took a short trip to Bengaluru. Most of my documentation of the place is through pictures and a few dialogues I had with the people I met there. I was looking for content under 2 subheads. Music and Bengaluru. The former with the help of people and the latter with
20
my experience. My stay in Bengaluru lasted 3 days. I tried to cover as many kinds of places as possible visited different parts of the city catering different classes and types of people to get an overview of the place. My travel included halts to meet people but was mostly capturing pictures of places that were more specific to Bengaluru. I also realized that asking people to define a place that they have lived at for a considerably long period make them immune to things that define the place. This they realize only when you point it out to them.
21
22
23
Opus a pub in the city with a high cover charge. Affordability streamlined the more well off crowd hampering the amount of exposure. Regular crowd. Families visiting. Deadlines maintained. The artists were given free meals. The rest accompanying had to pay. Bengaluru is a high life style place and everything is accounted for. Vasu, the vocalist of Swarathma (a folk band) and Bindu, his wife and a graphic designer gave me some inputs too. I stayed with them the night after the gig at Opus. They gave me a comparatively rosier picture than what Roberto had given. He sees a lot of competition which is unhealthy and thanks his luck that things fell in place for their band. They got their very first album because of a talent hunt which eventually sponsored their record. Finding replacements for band members was also tough as there was no system as such and chemistry of the band matters more than the skill. He spoke greatly of passion and how being in the business for money and fame is going to keep you dry. The discussion was about his life story and the struggle of the band to establish itself. There were talks of course of loss of identity of the city due to the migrating population in Bengaluru . The audience according to him is open to new things so it is the artist’s passion that is sensed. The Bengaluru that they know has reflected in their band site. A lot of folk art bold colours. Information source through word of mouth and the circuit he is in and Facebook. Jishnu bassist of Swarathma and a new father, more sarcastic about life, did not reveal his story soon. But when he did he told me his struggle was about him continuing his day job as a copywriter for the money and music for the love. Information source through the inner circuit and the internet. Varun, a very passionate about music and very clear about dedicating his life for his passion. He took me through all the things he did not have when he was becoming a guitarist. The most crucial thing would be guidance and support from family members, teachers and
24
surroundings. The lack of awareness about music as art has made it even more difficult pass as a career. Information source would be Facebook and event sites apart from word of mouth and his music circuit. Mr.Dilip, fond of classical music but “too lazy to drive anywhere for any kind of show” Prefers to attend whatever happens in the hall a stone’s throw away from his house. Information source from newspapers and posters around his locality. The Vermas were into club-hopping in their more youthful days and support it being called a ‘Club City’. Have experienced Bengaluru as it once was and as it is now. Go to attend fewer shows due to time constraints and traffic in the city. Classical music influence at home due to their grandmother. Bengaluru was all about the Green and the seasonal flowers and the few places that were of great interest. Residents of the MG road locality it was coffee, sambar, reading books at cafes, the pleasant weather and now the metro. Information source mainly through word of mouth or from their daughter through social networking sites. Due to time constraints I chose to have a meeting with the authorities of two venues for music shows. Geetanjali Budhrani, Asst. Manager of Sales and Marketing at Hard Rock Cafe, took us through how they manage shows and their weekend slots go out normally to the more established artists. Classical music is not on their radar as such but they do make exceptions once in a while. New artists get to perform in more rarely. Places like Opus and Kyara have afternoon slots for the new artist without charging them or paying them. It is just for exposure and a platform for the new. Hardrock has a display hoarding on MG road at a prime location advertising the place. The artists however get publicity for their gigs through the mailing list, Facebook or the banners put in the Pub about the events to happen through the month. About the idea of a common site that could give information about happenings about music events was welcomed. It would mean more publicity on a local front.
At Chowdiah Memorial Hall, they are a more conservative organization and still make notes in registers. The discussions led to the fact that the news about event was published in local newsletters and posters were put
around. There is a loyal client base as it as a hub for the cultural and classical programs and the word of mouth ropes the audience in. There was a loop in this strategy where newer people in terms of the interest and place may not get to know about the happenings. They were positive about the idea of a common site giving out information about their organization and their programs to be published on a site.
Compiling Information on Bengaluru
25
26
Compiling Information on the Local Music Scene
27
28
Final Mindmap of Bengaluru
29
30
Final Mindmap of Music Scene in Bengaluru
31
Since the organization is a hypothetical one I needed to figure how the organization should work and who the target audience would be. Taking the mindmap of Music, I could jot down the issues of the music scenario and work out a system which could help the target make most benefit out of the final product.
32
I was convinced that a website would be a good platform for this kind of information as Bengaluru has a large percentage of the youth population and they are mostly tech savvy. ● From the mind map I figured that since traffic is one major place where people spend most of their time, there should be an additional information medium which they can use to get gigs happening closest to the place they are stuck at. With hi-tech internet enabled phones, a mobile application which uses the net to update ‘Gig Calendar’ and shows maps to the places in the city seemed like a good idea. ● Apart from that, the organization needs to put all the music on a common platform for audiences to get more exposure. ● There is a need for musicians to find venues and venues to find artists and artists to find members in a certain setup and so on. So a free adspace that could be updated at regular intervals of time would keep the site look active. ● A calendar section can keep track of all the music happenings according to date, time and type if music which can link to maps if required.
33
My websites for case-study were: NH7 (Indian) Reverbnation (Global) MX3 (Swiss) These websites were chosen by me to get an overview of how the visual language is maintained, the navigation systems and the communication of information.
34
35
Inferences I drew from the study was: ◦ the significance of the symbol for recall value which is sizable to a small number of pixels. ◦ the primary and the secondary navigation tabs help categorize information and makes the mapping in the mind easier. ◦ information grouping to keep sites clean yet give the right information and pictures. ◦ very little effort was made to make the information
more local. ◦ monetization can dominate information on the site. It can make the layout look ugly. ◦ graphics overused can make unnecessary clutter. ◦ certain cues need to be intuitive like the links, the buttons and the general movement of the whole site. ◦ a lot of music sites use heavy flash which makes loading slow on low band widths.
I kept a few words in my mind while doodling: local, dynamic, guide, sleek, flavour, interaction, cultural.
Lettermark can be used and recognized in small spaces. Making WTS as an epicenter for any kind of information. The initials seemed necessary.
Taking the concept of the different sound waves ahead in the wordmark so that it has the ability to keep changing and become a dynamic logo for the evrchanging music scene.
Introducing a musical note(cleft) made it clear that it has something to do with music but it was too stereotypical.
The ‘what’ gets converted into a question mark which in is converted into a letter into a kannada letter that looks like a ‘w’. This letter accommodates the dot under the question mark too.
36
People + Questions = WTS. It seemed too generic and shallow.
Since we are dealing with places, balloons to mark places on maps was another inspiration. They are also used widely for advertising events.
Taking the epicenter of solutions.
An epicenter reminded me of an emergency situation which made me think of the ‘red button’. The concept was way too urgent for something like music. Replacing the letter ‘bha’ with ‘va’ which also could resemble ‘w’ with some amount of form skewing, reflecting, basically making it look like a form inspired from the kannada script. Form explorations of the same concept. More sharp and edgy for the youth.
37
The balloon transforms into a speech bubble.
Some more speech bubble options.
Graffitti all over the city gives the city a certain look. It is again to generic. The form looks unbalanced.
The speech bubble concept seems stronger than the others Keeping just the ‘w’ is aesthetically appealing and looks more natural rather than trying to make the form fit well together.
38
Merging the form with the rest of the logo so that it is legible and use the ‘w’ with the bubble as a lettermark.
FINALIZED FOR FURTHER EXPLORATION The ‘w’ with the bubble to be used as the lettermark or monogram and the word mark could attach itself to the lettermark for different media.
The Bull from the Bull temple could be used as a local element in some medium.
39
The forms look too close to the kannada letter it may easily be mistaken. Also the forms represent limited genres of music.
Strokes seem to look more dynamic and active with the contrast in curves. The curve upwards show energy. It does not look conservative at all.
The interaction with the speech bubble makes the first option look static. The last one looks better and stronger by itself. The cultural aspect is still lacking.
40
hat’s the scene
hat’s the scene hat’s
? e n e c s the
? e n e c s e h t at’s
h
e h t s ’ t ha
? e n e c s
Poplar Std is bold enough to hold the
lettermark and balance it but the aesthetic value is highly lacking. The lettermark and the rest of the phrase looks disjoint. The lettermark is also at the risk of looking like a scribble.
A fuller ‘w’ and making it overflow from the speech bubble makes it look like it is leaving to interact with the rest of the phrase. It has more interaction and fluidity than the one before but as a whole it still looks static.
The heaviness of the font does not suit the logo with the tilt. A font with italics would Another font could work. Another feedback I got on this lettermark is that it reads ‘PW’ because of the prominent loop
Calibri Bold Italic does not give a very local feel to the logo. It needs to be a little loopy yet hold a certain class to it. The fluidity is lost as the italics are not connected well enough. It appears to be techy and does not suit the essence of classical music.
Georgia Bold Italics is the looks like something that looks more close to the Kannada script (since the whole city is splashed with boards, posters etc). It has a certain classy cultural flavour. The contrast it its strokes could be considered as a translation of music it pitches and the variety of genres this organization it would be dealing with. The fluidity of font and the interaction with the letters can be kerned to increase the interactivity and connection between the elements. The lowercase in Georgia has rhythmic curves through all the letters and they flow when they are italicized.
41
Moreover Georgia is a web-safe free font because of its larger counter spaces and the lower cases being taller than most other fonts. This font could also become a part of the visual language I would follow for the other media.
w w= Georgia bold italics
Replacing the ‘w’ in the lettermark. The speech bubble needs to have a shape that could suit the ‘w’
Another thing that I observed was that the ‘w’ of Georgia Bold Italics lowercase has very similar characters as that of the ‘w’ form I was using as the lettermark
mirrored
Borrowing the characters of Georgia and applying it to the speech bubble.
With a little more activity
Variation of the lettermark tweaked. Not needed.
Replacing the third option with the rest of the logo. With a 10 tilt, -50 tracking and a little kerning inbetween a few letters to show a connect and a rhythmic flow, I finalized this logo for ‘What’s the scene?’ Music can be represented in a lot of colours. Each kind of music may be associated to a certain kind of music. Since this organization deals with a wide variety of music it makes sense to just keep it black and may vary according to the use on the medium. This has some scope of dynamism if a play of colour can be used as the genres change or the pages change or the logo blinks throughout.
42
Since the logo is ready, a site structure needs to be in place so the web-pages could be figured out.
As a basic canvas I used the 16 column grid suggested by www.960.gs. Basically, 1024Ă—768 is the new 800Ă—600, and 960 pixels as the optimal size for design. A website needs to be simple and intuitive. It should give the required information without being too taxing for the user. Flash programing usually loads slowly if the bandwidth is low. Navigation needs to be well in place so that the user can create a mental map of where information is and how to go about finding it.
20px
40px 960px
43
Layout 1:
In the first exploration I took a very basic layout. Working in black and white would be easier to keep track of the weight of the content to start with. rss header search
navigation content ad space
44
This whole space, the calendar and the ticker remain constant through all the pages. Space wastage with redundant information throughout.
Done at the initial stages of the logo. The bull to signify Bengaluru. It is also a cultural symbol. Contact is renamed as ‘Tell us’
Highly clickable buttons but occupy too much space on the screen.
1.1
The calender need not show the whole month as going as planning may not be done so much in advance.
News and current happenings in form of pictures and articles like the news headlines.
Featured articles would change every week and will change by the click on the arrows.
Adspace
45
As soon as you enter the inner pages the speech bubbles which are also free advertising to mobilize and connect people in the music scenario.
1.2
46
Layout 2:
Keeping the grid static, and just re-arranging some elements including the navigation bar, the speech bubbles and the ticker.
The design is still boxy and heavy. Space wastage is prevalent. Repetition of element has to be avoided.
2
47
Layout 3:
The genre key has been added on the right of the page which will indicate the genre as a and when information is read. The ad-space had been given more space due to the demand for such a feature in a
3
48
website catering to a city like Bengaluru, according to the research. The weight of the page looks good enough to proceed to work with colour.
Layout 4:
Slight changes were made from the previous exploration and colour was added to the elements.
49
The Genre Key is based on interaction and the concept of fusions and collaborations. This will just indicate the genre of music that the selected piece of information belongs to.
The background has been worked on keeping in mind the concept of interaction and has been further followed in the Genre Key. The visual language of the speech bubbles has been continued into the RSS feeds
4.1
Form is decieving the function here. The form is looking forced to show information about the events. Clutter is another issue.
50
The free ad-space or the ‘Call-Outs’ are colour coded according to genre it is associated with.
Free goodies given form time to time for promotions. They change on every page to promote viewing more pages.
Adding a tesselation in the to the header is adding a lot of noise. No value is added to the dynamism to the design.
The bull now, is almost the mascot and speaks for the site and may say different things as pages pass.
An attempt to make the preview window follow the visual language, which now looks overdone and too ornamental.
4.2
Indicator of the genre. The Genre Key has to be referred. This is not very obvious and some clear connection has to be made.
The goodies keep changing from page to page to promote more viewing and advertising for the site through different sites.
51
Layout 5:
An attempt to make the site more youthful and add some kind of a dimension as well as trying to make it interesting with forms breaking the grid in a few places.
The navigation has been slanted to give some edge. The secondary navigation keeps changing as and when the cursor hovers on the primary navigation bar.
The information is in the form of a scroller. The res of the page remains constant and does account for space mismanagement.
5
This space had to be utilized well enough for a design like this.
52
The Call-Outs had been given a permanent space on the site .
Layout 6:
Cleaning up the clutter and adding hierarchy with sizes and highlights. Keeping element together through Gestalt’s and not binding it with shapes has made the design more airy and easy visually.
The Call-Outs would occupy the lower half of the website. It gave a character to the site and made it look more happening. This section would be just giving headlines of the week which is further clickable to read more. The search bar is placed just after the question.
6.1
53
The navigation would have the bubble floating wherever clicked
6.2
Space management issues in the subsequent pages need to be tackled with.
54
The preview of the other options are not impressive enough and the system of previewing is week.
Layout 7:
Reprioratising what the site should really offer, that is the events happening on that particular day. So the landing page could hold the calendar and the featured column of the week.
This is not completely worked out. The events are demarketed by the bubbles of their respective genres. There has to be a much stronger representation of the same according to the dates.
7.1
The featured column is not engrossing enough to hold the viewer’s attention or make him want to read the article.
The hierarchy for the page is clear and everything on the page is associated with this particular bubble as the weight of this one is the maximum.
The logo gets compressed and only the selected tab from the primary navigation gets attached to it, reading ‘W’ people in this one and saving a lot of space.
7.2
55
This seemed like a very welcoming page and to put it as one of the inner pages was blocking the ‘happening’ aspect of the music scene.
7.3
Layout 8:
Shifting the elements of the landing page to set the mood of the whole website.
8
56
The genres need not be indicated at all times. The interface should support some kind of a movement here.
Final Layout:
The layout of the website has been considerably changed from the first layout. constant on the page changes according to selection of the user The minimalism is kept just enough for clarity.
Landing Page
The logo is going to be really bold on the landing page so that the establishment of the name of the site is done. On the subsequent pages the logo condenses to educate the viewer about how the site is going to be represented as a letter mark for other collaterals. There is a lot of information on the landing page. The priority on the landing page is as followsCall-outs: The people in need of ad-space to take music as a movement needed to be encouraged. This is the u.s.p of the site, as there are sites, few, but none the less giving information about music happenings of Bengaluru. The visual quality given to this section makes it attractive, welcoming and the constant change in transparency in the bubbles makes the site look active and updated. Today: This notifies the viewer about the events of the day, accompanied by the time and place of the event, There will be a link provided to Google maps just in case the place is unknown to the user. This is helpful for not just the localities but also the migrants form different places. The hierarchy is apparent by the font size used. This section peeps out from under the fold on screens whose resolution is under 1366pxX768px. It peeps as a teaser which would make scrolling obvious to look at what else is happening that day. Featured this week: This section is covered by the secondary navigation on the landing page. The content changes every week. The content is scrollable and the rest of the page remains static. The static part of the page contains the header, the RSS feeds, the blog link, the genre key, navigation and the Today section. Also each part of the content is linked further to other pages to encourage more exploration of the site.
Landing Page primary navigation
rss
header
search
secondary navigation
current events
genre key
scrollable content
Subsequent Pages header
search primary navigation
rss genre key
secondary navigation tertiary navigation
current events
scrollable content (preview)
ad space
57
F1
58
Subsequent Pages
Since the logo has done its work of establishing the name of the site and identity as such. In the subsequent pages the logo shrinks to a lettermark and the navigation attaches itself to the lettermark. As far as navigation goes the secondary navigation pops as soon as a button on the primary navigation is clicked, and as soon as a button on the secondary navigation is clicked the tertiary navigation opens up and so on until a preview shows.
The way the information is read is thus very obvious following Gestault’s law of Similarity with respect to the colour black. The genre key pops out if the selected article belongs to a certain genre of music thus educating the viewer about the kinds of music available. The genre key has been rid of clutter.
There are 2 stages the appearance of the button would go through during the selection would beGrey- when the selection is not done Black- when the button has been selected
F2
59
F3
F3
60
F5
In this Calendar page, the last piece of information is the name of the event, the time and place. The place if unknown to the user, links to a ‘go to map’ option which will open a new window of Google maps with the place marked there. This encourages the migrants to explore the city and its music. Knowing the scenario of Bengaluru, there is a big chunk of people suffering with breathing problems due to traffic and pollution. There are a lot of people travelling and going through stress, mostly work related. I figured there should be some way where in that time, instead of spending in traffic should be able to spend it some where constructive or relaxing. An music event could be one such place. Giving them information about events on the move, maybe through a device like a mobile phone through internet would be a good idea. Proposing a web-based mobile app to inform people about events happening in the particular area they are in that time and more options provided according to the users needs could be a good solution to time and health issues.
61
• This was a project that required me to do a good amount of research with respect to the attitude of people, the attitude of the place and the way music is perceived by different people. • Research always clears up a lot of preconceived notions and in cleared mine about this snazzy and techy city of Bengaluru too. • Bringing all the discussions and abstractions such as feelings, emotions and experience of a city in form of visuals was a lot to do but an enriching journey. • I ventured into a new medium for me, the web. • I understand the role of a graphic designer who does not know much about coding and interface design in a field like the web. My project could have taught me a lot more had I sat down with a developer to do this project.
62
Visual Language: the hidden medium of communication by Peter Bonnici Logo Design Workbook: A Hands-On Guide to Creating Logos by Noreen Morioka, Terry Stone Sean Adams
http://www.drumjam.in http://www.sudeepaudio.com http://www.indianmusicrevolution.com/ http://www.indiecision.com/ http://www.reverbnation.com/ http://www.swarathma.com/ http://bengalurumusic.com/ http://indianrockmp3.com/ http://bengaluru.citizenmatters.in/articles/view/2172-the-live-gig-music-lovers http://bengaluru.citizenmatters.in/articles/view/868-carnatic-music-festivals-bengaluru http://www.mangalorean.com/browsearticles.php?arttype=Feature&articleid=1578
Inspirations:
http://www.justhearit.com/ -----only for logo and application http://mx3.ch/ ----website design, interface and SONGS http://pitchfork.com/ ---- interface and information http://www.sassvienna.com/ ------interface http://www.barmusichall.com -----look http://www.anzuclub.com ------look and video rendering http://www.matterlondon.com/ ----logo , visual http://crenk.com/attack-of-the-music-communities/ -----referencing http://www.wearelistening.org/blog/reverbnation/ --------speaking to the Co-founder, Jed Carlson
Identity Development:
http://www.smashingmagazine.com/2010/07/06/the-evolution-of-the-logo/ http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/
Website Development:
http://960.gs http://www.cameronmoll.com/archives/001220.html ---- relation between 1024 and 960 px http://www.scribd.com/doc/16257/User-Interface-Design-Explained#open_download http://www.smashingmagazine.com/2010/05/24/website-archives-best-practices-and-showcase/ http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/ http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/ http://www.smashingmagazine.com/2009/05/14/non-profit-website-design-examples-and-best-practices/ http://doneforyou.melbourneitwebsites.com/page/faqs.html http://www.stratecomm.com/faqs/components/
Phone Apps
http://breathingtech.com/2009/the-origin-of-mobile-applications/ http://www.smashingmagazine.com/2009/08/11/how-to-create-your-first-iphone-application/ http://www.webdesignerdepot.com/2009/04/40-awesome-iphone-application-websites/ (examples) http://developer.android.com/guide/basics/what-is-android.html
63
DOCUMENTATION Saishraddha Malage ● Sem III ● PG Graphic Design Joining batch 2009