Mobile website - Screenshots for marking!

HOME PAGE

ABOUT PAGE

PHOTOS PAGE

CONTACT PAGE

SEND EMAIL LINK - EFFECT

EMAIL APP OPENS AUTOMATICALLY.

Website test - iPhone and iPad

Here are some screenshots of my website on an iPhone and iPad

IPHONE IMAGES

IPAD IMAGES

Internet Explorer - Compatibility

When I looked at my website in IE, the only problem with it was that a border appeared around any image links such as my header, the links on the contact page and the icons in the footer. To sort this problem out, I have included a little css rule so that there are no borders around image links.

Change of plannnnnn

So, I haven't blogged in over a week. Been incredibly busy sorting out the Bitter Strings desktop website. It's coming along really nicely. Had a couple of meetings with the lads and the desktop version of the website is almost complete!

The layout of the website has near enough stayed the same, but the design of it has completely turned on it's head. Here's some handsome lookin screenshots of the site as it is so far.

Basic layout complete!

I'm really liking this website already. Think I've gotten the hang of modern design quite quickly. Especially the footer. Seems as though most websites have footers crammed with info, so I've followed the same principle but I don't want to overload it with little bits of information.

More to come on this project, but for the rest of today I will be concentrating on Wordpress! :)

Time flies when you're having fun!

Further progress on the design for the Bitter Strings website :)

Started the Bitter Strings mobilised website!

Here's a print screen of the banner & the layout of all the divs. 

NOTE: The colours of the divs won't be this colour!

Colour schemes

I have been looking at some possible colour schemes.

The guys have specifically stated that they want a 1960s vintage theme, so I felt that these colours would suit their chosen theme best. I think that the last set of colours will be best to use. Not too much colour but one bold colour to give a bit of impact.

Wireframe development

I've been sketching some more wireframe ideas, both for desktop and the web. Here they are!

Next I am going to develop my wireframes more, then come up with some final ideas in photoshop.

Wireframe ideas

After having a sit down with the lads, we've come up with a few wireframes for me to work from.

Productive day at Proud Camden before their gig! :)

More to come soon.

DP3 - Inspiration images

The band really like the simplicity of The Vaccines' website.... Just not as pink.

The band are strongly influenced by The Beatles. The washed out feel of this image reflects on how they like to edit their photos. It almost have an orangey warm feel to it. This sort of colour should be incorporated into the website.

Having a look at some possible fonts I could use. The colour scheme of this album cover fits in well with what they have specified.

 Another good example of a 1960s album cover colour scheme that could work.

Bitter Strings' twitter page. I really like the opacity on the main div and the background image is visible through it. The background image in my opinion is too busy and needs to be toned down a lot to prevent the attention being driven away from the main content.

DP3 Assignment 2 - Design for Mobile.

Now that I have my artist for the current DP3 project, I have started some research into the sort of theme I should follow for their website. After a meeting with Bitter Strings, they identified some key points that they wanted to incorporate into the website.

1- Pages

• Home page with a brief introduction.
• About page with a brief introduction on the band as a whole, then individual information. 
• Media page with their videos and photoshoot images.
• Gig page with a list of their upcoming events.
• Contact page with clear links to their social networking sites and a form to contact them.

2 - Colour scheme & theme

• The band stressed that they want an old, vintage sort of feel but the website needs to be very simple. Not too over crowded with information or pictures and be straight to the point. 
• Brown, cream and orange will be the main colours with orange being the colour used for impact.
• Old paper style background would be well suited to their desired theme.

3- Some key components

• Javascript image banner on the home page. This will be usde to grab attention & showcase some live gig photos.
• 1960s theme.

4 - Inspiration

• The band have identified that they really like the simplicity of The Vaccines website. This website can be found by clicking here

All of these points will be taken into consideration when designing the initial idea of my website. I do also need to take into account how the website is going to look when it is mobilised. My next task will be to look for some images for inspiration based on the specified theme and compare mobile & web interfaces.

Logo for Bitter Strings - Initial idea

Needs developing, but the guys said they liked it which is a brilliant start!

My artist for the second DP3 project.

Bitter Strings are a three piece rock/indie band consisting of, Ben McConnachie (Lead Singer/ Guitarist), Mike Smith (Bassist) and Luke Pratt (Percussion). The band were formed in 2011 and are due to release their EP in February, an early 1980's 16" tape recorder. Bitter Strings are influenced by 60's rock music and their name originates from a 1960's British Film.

I have worked with them in the past on a photoshoot and loved working with them. I contacted them about working with them again on this DP3 project. They also want me to make a website for them! I can't wait to get started!