Website Specification
Subject:
The subject will a music website based on Jack Johnson.
Purpose:
The purpose of the website is to tell people the latest news on Jack Johnson,
to advertise his latest clothes, put his latest music on there, latest videos, latest
tour dates and also a blog on Jack Johnson about his life stories.
Target Audience:
The age group will be aimed at any age, the most common age though will probably be 16 to 45 I would say.
The target audience will be people who like Jack Johnson and listen to his music.
Content:
The content will include a navigation menu with a home, tour, store, video, music and blog page.
1. The home page will have images of Jack Johnson so when people visit the website they'll know who he is.
2. The tour page will include Jack Johnson's latest tour dates. The store page will include Jack Johnson's T-shirts.
3. The video page will have his latest music videos.
4. The music page will have his latest music that has just come out.
5. The blog page will include an article on Jack Johnson.
Legal and ethical considerations:
When doing design work, your not ment to use anyones design work like images, logo's, font's, audio's, videos and etc.
In my website that I have created i've used other people's design work like images of Jack Johnson and i've
also taken images of google. Which your really not allowed to do, although I won't be using these images or anything
else that I have copyrighted it will just be for my coursework.
If I was to design something for real and put it on the internet or use it for anything else like showing people then for
the images I would either have to get permission to use the images or take my own images using a camara or I could
even sketch something out and then alter it on the computer. What a lot of people have done is take images from the
internet and then alter them themselves which is still classed as copyrighting so what you really need to do is start from
scratch with design work instead of stealing other peoples artwork. The same goes with the logo's fonts, audio, videos and
etc.
The subject will a music website based on Jack Johnson.
Purpose:
The purpose of the website is to tell people the latest news on Jack Johnson,
to advertise his latest clothes, put his latest music on there, latest videos, latest
tour dates and also a blog on Jack Johnson about his life stories.
Target Audience:
The age group will be aimed at any age, the most common age though will probably be 16 to 45 I would say.
The target audience will be people who like Jack Johnson and listen to his music.
Content:
The content will include a navigation menu with a home, tour, store, video, music and blog page.
1. The home page will have images of Jack Johnson so when people visit the website they'll know who he is.
2. The tour page will include Jack Johnson's latest tour dates. The store page will include Jack Johnson's T-shirts.
3. The video page will have his latest music videos.
4. The music page will have his latest music that has just come out.
5. The blog page will include an article on Jack Johnson.
Legal and ethical considerations:
When doing design work, your not ment to use anyones design work like images, logo's, font's, audio's, videos and etc.
In my website that I have created i've used other people's design work like images of Jack Johnson and i've
also taken images of google. Which your really not allowed to do, although I won't be using these images or anything
else that I have copyrighted it will just be for my coursework.
If I was to design something for real and put it on the internet or use it for anything else like showing people then for
the images I would either have to get permission to use the images or take my own images using a camara or I could
even sketch something out and then alter it on the computer. What a lot of people have done is take images from the
internet and then alter them themselves which is still classed as copyrighting so what you really need to do is start from
scratch with design work instead of stealing other peoples artwork. The same goes with the logo's fonts, audio, videos and
etc.
Website Research
Mumford And Sons
This is Mumford And Sons website, Mumford are indie folk music band who are very succesful band at the moment. I chosen to talke about this website because I am going to designing my website about folk and I want to try and make my website have that old folky feel to it.
The reason I choose this website is because I like the way they have designed the navagtion menu background which kind of looks like old marbel which gives that folky feel. The text that they have used is done in fancy writing which also gives it a good folky feel to it.
http://www.mumfordandsons.com
The reason I choose this website is because I like the way they have designed the navagtion menu background which kind of looks like old marbel which gives that folky feel. The text that they have used is done in fancy writing which also gives it a good folky feel to it.
http://www.mumfordandsons.com
Bon Iver
This ‘Bon Iver’s’ website, Bon Iver is a indie folk band. I choose this website because it is a very well created website. I really like the way that when you go on to the website their music videos comes up so that when your looking through their website you can listen to their songs and also when you hover over anything on their website and click, the song still carries on playing.
http://boniver.org
http://boniver.org
Edward sharpe and the magnetic zeros
This is the homepage of a band called ‘Edward Sharpe And The Magnetic Zeros’, this based genre is Indie rock. When I was research for folky websites this one caught my eye interpicalur as it is very creative. The homepage is very simple with just there logo in the middle.
When you click on thier logo this page comes up, it looks like a rainbow with all of the colourful colors. What is cool about this is that each color is a link to say the, hompage, vidoes, photos blogs and etc. Also each color is a key of a paino, so say if you hover of each color it will make a sound of a paino.
This is the page that comes up when you click on ‘music’. It is all of their songs from their albums brought into a playlist. When designing my website I think I am going to do something similur for mine.
http://edwardsharpeandthemagneticzeros.com
http://edwardsharpeandthemagneticzeros.com
Blind Pilot
This is ‘Blind Piliots’ website, the genre for this band is indie folk and folk rock. I choose this website because I really like their logo, even though it’s simiple with the text and colour I still find it effective. You can go through their songs so you can listen to them whilst you visiting their website.
When you go onto ‘Blind Pilots’ website and stay on the homepage their is a slideshow of images of great scenres which I thought was a good idea. I might do something similur to this not with the same images but with the slideshow idea.
http://www.blindpilot.com
http://www.blindpilot.com
Jack Johnson
This is ‘Jack Johnson’s’ website homepage. This is one of my favoirtue websites that I have came across, it really gives the folky feel with the rusty metel, with the nature side to it with the mud a leaf and the images. The old looking wood for the background works really well with everything else and also the colours with the brown, grey and turquoise work well too.
If you want to communticate with jack johnson and see his latest news then you can either visit his Twitter, Facebook, Youtube and Myspace.
http://jackjohnsonmusic.com
http://jackjohnsonmusic.com
Sitemap
Website layout sketches
This is just a simple layout sketch that I did having the logo at the top left of the page, the navigation menu just below that. The main content in the middle which would have 6 images placed in there, There would be a image decoration on the righthand side of the page and the footer will be the full width of the website placed at the bottom.
I thought of various ideas on how I wanted my website layout to look. I really liked this idea of using wood as the background, the wood would look old and worn as I wanted my website to have a vintage style. The same as the sketch above I would have 6 images in the main content which I don't know what they will be, the logo and navigation menu placed at the top left of the page and the footer at the bottom.
This was a bit of different idea I had in mind, at this moment I had a very good idea of what my website will be based on. Which is that will be based on Jack johnson who is a indie folk music artist from hawiia. Now that i'm doing a website based on Jack Johnson I wanted to get imagery that relates to him and use it on my website, so for the navigation menu I have used a surf board which I thought was a great idea as Jack Johnson is also a surfer. Another good idea that I thought was great was using an image of a palm tree and placing it and the righthand side of the page, I used the palm tree as Jack Johnson is from hawiaa and nearly everywhere you look around there you see palm trees.
This is the main sketch that I did and the one that I will be using as my website layout. I really liked the sketch above and I was close to using that one as my website layout but the reason I didn't was because I wanted to base my website mainly on Jack Johnson's music more than his life style and looking at the sketch above there is nothing music related on there. To fix that I thought about how could I come up with something to do with music but not to obvoius so I thought hard about it and came up with a very good idea which was to turn the navigation menu into a gutair neck and head which I thought worked really well. Also for the logo which is Jack Johnson I have placed a bird in with the logo will is another good idea as Jack Johnson is all into his nature.
I am going to be using 6 pages on my website which will be the home, tour, store, video, music and blog page, this sketch is showing what the homepage will look like which having 5 images used on the main content. The palm tree on the righthand side on the page and the footer and the bottom.
I am going to be using 6 pages on my website which will be the home, tour, store, video, music and blog page, this sketch is showing what the homepage will look like which having 5 images used on the main content. The palm tree on the righthand side on the page and the footer and the bottom.
Storyboard Ideas
These are a few sketch layouts I did for my website, to give me some idea's for how I want my website layout to be like. The main header
would be my logo that I will come up with. The navigation menu will be where the pages will go, I was considering having the navigation menu left aligned but I think that can make the page a little to hard to follow as normally when designer's create there website the always seem to have there navigation menu at the top of the page which I would say makes the website a lot more easier and nicer.
would be my logo that I will come up with. The navigation menu will be where the pages will go, I was considering having the navigation menu left aligned but I think that can make the page a little to hard to follow as normally when designer's create there website the always seem to have there navigation menu at the top of the page which I would say makes the website a lot more easier and nicer.
This is going to be the layout of my website.
1. The main header will be my logo which will be 'Jack Johnson'.
2. The navigation menu will be for my pages which will be the, home, tour, store, video, music and blog page.
3. The body will be for where my text and images will go, like the information about Jack Johnson and even images of him too.
4. The main content, I will be having a palm tree there and it will always will be placed there on every page throughout my website.
5. The footer will just have the information that it normally has on other existing websites which will be the, contact us, cookie info, privacy policy, terms of use, safe surf guide and etc.
1. The main header will be my logo which will be 'Jack Johnson'.
2. The navigation menu will be for my pages which will be the, home, tour, store, video, music and blog page.
3. The body will be for where my text and images will go, like the information about Jack Johnson and even images of him too.
4. The main content, I will be having a palm tree there and it will always will be placed there on every page throughout my website.
5. The footer will just have the information that it normally has on other existing websites which will be the, contact us, cookie info, privacy policy, terms of use, safe surf guide and etc.
Mood board
Vintage mood board
These are some images that I gathered together, I take a few vintage images from the internet because I wanted to
include the vintage style into my website with that light browny colour background which I think give it a vintage look.
Also that palm tree image is the one I will be using for my website, I thought it would be good to use the palm tree
because when I think of Jack Johnson I think of chilled music, beach, surfing, sunny, holiday.
At first I was going to make my navigation menu into a shape of a surf board which I thought would be a very good
idea as Jack Johnson does a lot of surfing. The only bad thing about it is that I wanted to create a music website and
when using the surf board I think people my not know that the website is a about music and they make think it's
something like a surf website. In the end I went with using a guitar neck for the navigation menu which I thought
was also another great idea. Using the guitar neck will then let people know that the website is about music.
include the vintage style into my website with that light browny colour background which I think give it a vintage look.
Also that palm tree image is the one I will be using for my website, I thought it would be good to use the palm tree
because when I think of Jack Johnson I think of chilled music, beach, surfing, sunny, holiday.
At first I was going to make my navigation menu into a shape of a surf board which I thought would be a very good
idea as Jack Johnson does a lot of surfing. The only bad thing about it is that I wanted to create a music website and
when using the surf board I think people my not know that the website is a about music and they make think it's
something like a surf website. In the end I went with using a guitar neck for the navigation menu which I thought
was also another great idea. Using the guitar neck will then let people know that the website is about music.
Jack Johnson mood board
Music Artist Links
- http://www.mumfordandsons.com/live/
- http://supersoaker.kingsofleon.com
- http://www.benhowardmusic.co.uk
- http://www.jasonmraz.com
- http://jackjohnsonmusic.com/welcome/
- http://www.1stwebdesigner.com/inspiration/best-hand-picked-retro-designs/
- http://thelumineers.com
- http://edwardsharpeandthemagneticzeros.com