website mock ups

As i already had my theme, i decided to come up with some website concepts in photoshop.

I started off making it very plain and minimal, this one i think is not visually appealing, although it does have the business like feel that i want.the typography works well here too.






I then moved the titles to the side instead repositioned the logo and had a box for the information but it still didn't have the impact i'm looking for.














This is the final design, i smoothed the edges on the box and made the interior a shade of grey which i think draws the eyes. I decided to reposition the titles to the top again but without the underlining this time, the floating effect i think adds to the website as it is easy found but does not detract from the main page.


I also decided that the page will not real alter from this preset, only what is in the box will alter and the title above it; i think keeping everything else continuous makes the website seem easy to navigate and also the user is never going to search for buttons as they will know exactly where everything is.

I then cut the photoshop images into slices and imported them into dreamweaver to create my website.

Creating my flyer

For my flyer i wanted an advert for my website, something that really stood out and drew the viewer in.
I wanted a bold statement that left the viewer wondering and made them want to find out more.
I looked to my mood board for inspiration and decided that i would have it mostly black with a white outline as in the picture i had on my mood board;


I thought i would have an outline of a guitar but with maybe a glow or shimmer like in the eclipse picture on my mood board;







So i played around with it in photoshop and put my logo on the front and the design on the back.
Heres the finished product.
Back.













Front

My logo

I wanted to create a strong identity so i would need a bold logo that would stand out and summarise what i am aiming to achieve.
I also needed a theme that ran throughout the website and any promotions, so having a logo that people can recognise will help me accomplish this.
I wanted something striking, complex and simple at the same time; something which looked more like a symbol but was in fact typography. I would like to simplify it after by explaining it with the words or names the letters represent.
I want something bold that draws the eyes, something that really stands out.
I looked back at my mood board and i really liked the logo that i had found;

This logo i like because the typography is unique and it is quite simple and complex with the reflection of itself but this doesn't effect the strength of the contrast.

I want to have a logo and the overall design that captures the interest of the viewer and intrigue them into looking deeper, so they choose to find what the reason or image is about rather then me spoon feeding the user.



This is what i came up with, i am really pleased with the shape of the initials and think that it really attracts the eyes.

Now i have something that will be a constant in everything i do and will instantly recognisable.

I made this in photoshop, i used jet black and brilliant white; the lack of tone or blending really brings a stark contrast to this piece.

Making my moodboard

As i had decided on using black and white (see previous post) i searched for black and white designs and images to see what was possible or how i was going to achieve what i wanted.
I found alot of the images too busy for my website;



















first design second design

I wanted my theme and logo to be simpler and just as eye-catching however. I carried on lookin and found a few that i liked that were simpler.


I really like the simplicity of this, reversing the white background with black outline really works; it stands out.










I like the sharp edges of this logo.


I think these type of images would compliment the 'feel' more and aid me in constructing my design.

I want to have logos and the overall design that capture the interest of the viewer and intrigue them into looking deeper, so they choose to find what the reason or image is about rather then me spoon feeding them.

Design inspirations

I was searching for inspiration on design concepts and i found this website:

http://designfeedr.com/lose-the-color-black-and-white-design-inspiration

I was intrigued about using black and white as i find it striking, very easy and an effective medium for conveying my musical identity.

I was impressed with Josh Vanover's work and after reading the description (quoted below)
it reinforced what i thought about the ease of communication through the black and white medium.

Josh Vanover

Josh Vanover is another designer that proves black-and-white is an exceptionally good medium for effective communication, no matter how edgy or contemporary the style might be. His work is also damn good on the eyes I must add.

My log

I decided to do my concept log as a blog as i could link it easily from my website and i could also include photos and links from my research and mock ups.
I decided this as i was coming to the end of the production of the website the log so the dates will all be wrong (as the posts will all be within a few days of each other) but the reason for this is i had already written the log and am just rewriting it on here!