<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title> »  – Brad Langdon, Independent Creative</title>
	
	<link>http://www.bradlangdon.co.uk</link>
	<description />
	<lastBuildDate>Wed, 25 Jan 2012 19:30:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/bradlangdon" /><feedburner:info uri="bradlangdon" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>TATE Modern</title>
		<link>http://feedproxy.google.com/~r/bradlangdon/~3/H9BZA5TqXwE/tate-modern</link>
		<comments>http://www.bradlangdon.co.uk/tate-modern#comments</comments>
		<pubDate>Sat, 11 Jun 2011 21:13:57 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://www.bradlangdon.co.uk/?p=640</guid>
		<description><![CDATA[A stroll through TATE Modern Art Gallery in London.]]></description>
			<content:encoded><![CDATA[<p>A few phone shots from TATE Modern Art Gallery in London.</p>
<p><img class="alignleft size-large wp-image-648 alignnone" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0260-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-646" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0256-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-652" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0270-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-650" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0266-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-651" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0268-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-654" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0274-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-655" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0276-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-656" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0304-531x712.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="531" height="712" /><br />
<img class="alignleft size-large wp-image-657" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0308-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-658" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0310-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-660" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0336-712x531.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="712" height="531" /><br />
<img class="alignleft size-large wp-image-661" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0214-531x712.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="531" height="712" /><br />
<img class="alignleft size-large wp-image-662" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0232-531x712.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="531" height="712" /><br />
<img class="alignleft size-large wp-image-664" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_03261-531x712.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="531" height="712" /><br />
<img class="alignleft size-large wp-image-669" title="A few phone shots from TATE Modern Art Gallery in London." src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0236-712x531.jpg" alt="A few phone shots from TATE Modern Art Gallery in London." width="712" height="531" /><br />
<img class="alignleft size-large wp-image-670" title="A few phone shots from TATE Modern Art Gallery in London." src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0246-712x531.jpg" alt="A few phone shots from TATE Modern Art Gallery in London." width="712" height="531" /><br />
<img class="alignleft size-large wp-image-671" title="A few phone shots from TATE Modern Art Gallery in London." src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0290-712x531.jpg" alt="A few phone shots from TATE Modern Art Gallery in London." width="712" height="531" /><br />
<img class="alignleft size-large wp-image-672" title="A few phone shots from TATE Modern Art Gallery in London." src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0302-712x531.jpg" alt="A few phone shots from TATE Modern Art Gallery in London." width="712" height="531" /><br />
<img class="alignleft size-large" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0202-531x712.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="531" height="712" /><br />
<img class="alignleft size-large wp-image-645" title="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" src="http://www.bradlangdon.co.uk/wp-content/uploads/IMG_0224-531x712.jpg" alt="Tate Modern - Photo by Brad Langdon Freelance Designer / Developer" width="531" height="712" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/bradlangdon?a=H9BZA5TqXwE:HmXk_eEe_AA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/bradlangdon?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bradlangdon.co.uk/tate-modern/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.bradlangdon.co.uk/tate-modern</feedburner:origLink></item>
		<item>
		<title>From a designers point of view</title>
		<link>http://feedproxy.google.com/~r/bradlangdon/~3/-mZmOqUQWgQ/designers-view</link>
		<comments>http://www.bradlangdon.co.uk/designers-view#comments</comments>
		<pubDate>Sat, 26 Feb 2011 22:06:25 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Thoughts]]></category>

		<guid isPermaLink="false">http://www.bradlangdon.co.uk/?p=534</guid>
		<description><![CDATA[In an industry where it can be hard to identify a professional it is no wonder the client / designer relationship can sometimes feel like a battle. Below are just a few of the common misunderstandings between the client and the designer.]]></description>
			<content:encoded><![CDATA[<h1>Too many chiefs, not enough indians</h1>
<p>It&#8217;s important to gather opinions from different people during the design process (provided they understand or are a part of your target audience) but this is where it ends. Opinions should not equal decisions. Design by committee never works&#8230; ever. There needs to be one person that ultimately makes the final decisions. When you have a large group of people making decisions on design and functionality nothing gets done and the final result is a mix of contrasting tastes and personal preferences&#8230;</p>
<ol>
<li><em><strong>Designer: </strong>Hi John have you and your team decided on the layout changes?</em></li>
<li><strong><em>John: </em></strong><em>Yes we have decided to move the nav bar to the right, add a third column and scrap the main image. Thanks!</em></li>
<li><em><strong>Designer: </strong>Ok. I have made the requested changes, new file attached.</em></li>
<li><em><strong>John: </strong>Mark has just come back from down South. He made some good points, we have decided to go back to having the image but he thinks we should use the attached photo instead, he has a good eye for detail. Also can we increase the font size, the older members of our team are having trouble reading the text.</em></li>
<li><em><strong>Designer: </strong>Increasing the font size isn&#8217;t necessary as the website is aimed at teenagers who generally have much keener eye site. I strongly recommend leaving it as is.</em></li>
<li><em><strong>John: </strong>Hmmm, these guys are very insistent about the font size, please enlarge. Oh and can you try this image instead so we can compare the two, Ellen thinks the current one has too much purple in it. Oh and we want to find something to fill in the white space in the middle.</em></li>
<li><em><strong>Designer: </strong>Ok. John I have enlarged the font and once again changed the image. Can I ask your reason for wanting to fill the white space? White space is an important part of the design, if we fill in this space just for the sake of it the layout will feel very squashed and cluttered.</em></li>
<li><strong><em>John: </em></strong><em>Thanks the new photo looks great but I feel like we need something else. If we put another graphic where the white space is then we solve both problems&#8230; I have attached a graphic of a unicorn Marks daughter drew on her computer, she is very talented!</em></li>
<li><strong><em>Designer: </em></strong><em>Oh dear&#8230;</em></li>
</ol>
<p>This is not far off some actual conversations I have had with clients. It is no ones fault. If anything it is the designers responsibility to inform the client on how the process <em>should</em> work but in reality this advice is often ignored. If the client in the above scenario had taken the opinions of his peers on board and filtered them out depending on the relevance to the target audience then this would have been a much smoother project. Try to please everyone and you will please no one. Is that how it goes? I think you get the point.</p>
<hr />
<h1>Why do you need to know my budget? You just want to know how much money you can squeeze out of me!</h1>
<p>I can completely understand how this may sound like a suspect question&#8230; why can&#8217;t you just give me a quote? When a client asks me for a quote I give them one without asking their budget, at least initially, but many designers and developers do ask right off the bat and there is good reason for this.</p>
<p>If you don&#8217;t want to spend very much money you will get a very basic website, plain and simple. If you want to spend more then you can take advantage of your designers experience and taylor your project to meet your needs as tightly as possible. There is no “one size fits all” design template, although that sounds wonderful. As there is no magical template, if we know your budget, then we can taylor your project to target your audience as best as your budget allows. The most obvious deciding factor I can think of when it comes to target audience is age, but of course there are many others. What part of the world will this project be primarily seen? What gender are you leaning towards? Are you aiming at outdoorsy types, the retired, students, home owners? The list goes on and is of course dependent on what your business actually does. All of this is pretty common knowledge, but is often forgotten by both designers and their clients, usually to make room for their own personal taste which is a big mistake.</p>
<p>A bigger budget means more thought put into both the design / aesthetics of your website and the functionality. Have you ever visited a website and ended up staying, looking around for an extra five or ten minutes just because it “felt” nice to browse. Little details go a long way. Even something as simple as tooltips that pop up to provide extra information are incredibly helpful to your visitors. Also creative error pages that display when your visitor accidentally ends up at a broken link help to make everything feel a bit less formal. Obviously these are only two quick examples but the list could go for quite some time&#8230;</p>
<div id="attachment_550" class="wp-caption aligncenter" style="width: 712px"><img class="size-full wp-image-550 " title="Tooltip Example" src="http://www.bradlangdon.co.uk/wp-content/uploads/jtip-the-jquery-tool-tip.jpg" alt="Tooltip Example" width="712" height="318" /><p class="wp-caption-text">A “tooltip” that appears to give information when you rest your mouse on a certain word or icon.</p></div>
<div id="attachment_551" class="wp-caption aligncenter" style="width: 712px"><img class="size-full wp-image-551 " title="404" src="http://www.bradlangdon.co.uk/wp-content/uploads/4042.jpg" alt="404" width="712" height="318" /><p class="wp-caption-text">A “404 error page” from “Mail Chimp”.</p></div>
<p>So to put it basically, bigger budget equals more time. More time equals better results. I have not even touched on the area of creating a second version of your site to work better on devices such as the iPhone. I am not saying that you do have to create a separate website for it to work on these devices, but if it is in your budget then it is highly recommended as it is obviously a completely different canvas. It&#8217;s a different size, a different shape, it functions differently in many ways. iPhone users get sick of zooming in and out over and over again just to look through a traditional website. If you have a site designed specifically for this canvas then it is a much more enjoyable experience for your visitors and the value of that enjoyment is substantial.</p>
<div id="attachment_552" class="wp-caption aligncenter" style="width: 712px"><img class="size-full wp-image-552" title="iPhone Website for Mail Chimp" src="http://www.bradlangdon.co.uk/wp-content/uploads/iPhone.jpg" alt="iPhone Website for Mail Chimp" width="712" height="712" /><p class="wp-caption-text">iPhone version of the Mail Chimp website. It has been designed specifically for the iPhone as opposed to using their standard website.</p></div>
<p>&nbsp;</p>
<hr />
<h1>My mate says he can build me a 10 page website for £100, why should I pay you so much more?</h1>
<p>I think every designer or developer has heard something like this at some point in their career and it truly makes me cringe whenever I hear of it. Let me take a breath and calm down before I continue.</p>
<p>Firstly, if you truly believe that someone you know can do this with a result that you will find satisfactory then why are you still approaching me for this project? If your mate is great at maths would you hire him to keep your books up to date? These days almost everyone has access to a computer and some version of website building software. It is easy for people to start thinking they know what they are doing without any kind of training or experience. Alas, this is sadly not the case.</p>
<p>It&#8217;s frightening the amount of times I have taken over jobs from unexperienced designers or developers and opened up their files only to realise that starting from scratch is unavoidable. Even more frightening is the fact that people are hiring them. You really do get what you pay for, professional designers and developers don&#8217;t just mark up their prices for the hell of it. This industry changes fast and frequently. Hire someone that knows what they are doing.</p>
<p>A great article on the <a href="http://www.scottishbusinessblog.co.uk/internet-marketing/why-hire-a-web-site-designer/" target="_blank">“my mate can build it cheap” syndrome.</a></p>
<hr />
<h1>I&#8217;m in a hurry, just do what you think is best</h1>
<p>You may have a tight deadline. That&#8217;s fine. But this should never trump the need to prepare for a project properly. The smoothest projects I have worked on are the ones where a lot of discussion took place before any first steps were taken. It may seem like you are wasting time fluffing about with trivial details but I cannot stress enough how important preparation is. You will always save time in the long run if you first invest some time talking things out thoroughly with whoever is tackling your project.</p>
<p>Ask as many questions as you can&#8230; about anything you feel is relevant. And be prepared to answer any questions your designer throws at you. Some clients, when asked their reasons for wanting a website, actually can&#8217;t give me an answer. They just think they should have one because everyone else does. As designers if we have no tangible goals to work towards the project can turn into a never ending pursuit of an unlikely conclusion and no one walks away happy.</p>
<hr />
<p>Ok. Rant over. Hopefully this has helped to answer a few questions.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/bradlangdon?a=-mZmOqUQWgQ:foOCoq9-g2Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/bradlangdon?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bradlangdon.co.uk/designers-view/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.bradlangdon.co.uk/designers-view</feedburner:origLink></item>
		<item>
		<title>PMJ Photography: Case Study</title>
		<link>http://feedproxy.google.com/~r/bradlangdon/~3/ZJrakFRLhiY/case-study-paul-martin-photography</link>
		<comments>http://www.bradlangdon.co.uk/case-study-paul-martin-photography#comments</comments>
		<pubDate>Wed, 23 Feb 2011 23:39:58 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://www.bradlangdon.co.uk/?p=164</guid>
		<description><![CDATA[This project was a very enjoyable one which presented some unique challenges. My client, a professional photographer, already had an existing website with a decent Google rank. He wanted a complete website overhaul while keeping his existing Google rank which had taken some time to achieve.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-504" title="Photography Website Design" src="http://www.bradlangdon.co.uk/wp-content/uploads/01.jpg" alt="Photography Website Design" width="712" height="400" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-505" title="Photography Website Design" src="http://www.bradlangdon.co.uk/wp-content/uploads/02.jpg" alt="Photography Website Design" width="712" height="400" /></p>
<h2 style="margin-top: 0;">Main Brief Points:</h2>
<ul>
<li>Create a new logo</li>
<li>Design a new, easily navigable layout</li>
<li>Keep existing Google rank as best as possible</li>
<li>Recreate all existing wedding location reviews to his &#8220;wedding location critique&#8221; section in a new more professional format</li>
<li>Allow my client to easily add/edit new wedding location reviews to his &#8220;wedding location critique&#8221; section</li>
<li>Allow my client to easily add/edit items in his portfolio</li>
<li>Automatically display portfolio and wedding location galleries in a professional gallery system with fast loading times</li>
<li>Create a blog for any news and updates</li>
<li>Make my clients customer testimonials more prominent</li>
<li>Keep all static content editable by my client</li>
</ul>
<p>The original style of Paul&#8217;s website did not do his work justice. After looking through his extensive amount of high quality shots I sat down and began to sketch up a project brief.</p>
<p>First things first, how will it work?</p>
<p>Paul&#8217;s original website featured a portfolio like any photography website but an interesting feature was a page dedicated to each photo shoot location. These &#8220;location pages&#8221; had info on the location, indoor and outdoor ratings in regards to the quality of photography that the location allowed and of course photos&#8230; the problem though was that all of these photos were just plonked on the page which meant scrolling down to see each one individually which was a huge problem seeing as some location pages had around 30 photos.</p>
<p>The solution to this was to create a nice, clean image slider for each location page and of course for the main portfolio page where Paul showcased his best shots. The location information was now placed next to the image slider allowing both the vital information and the photography to be seen above the fold so to speak.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-506" title="Photography Website Design" src="http://www.bradlangdon.co.uk/wp-content/uploads/03.jpg" alt="Photography Website Design" width="712" height="400" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-507" title="Photography Website Design" src="http://www.bradlangdon.co.uk/wp-content/uploads/04.jpg" alt="Photography Website Design" width="712" height="400" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-508" title="Photography Website Design" src="http://www.bradlangdon.co.uk/wp-content/uploads/05.jpg" alt="Photography Website Design" width="712" height="400" /></p>
<p>Each location page was built in a way that made it incredibly easy for Paul to add his images to these location pages. After creating a new location, the images are simply uploaded all at once with one click and then the website does the rest&#8230; all photos are then re-sized and automatically placed in a sliding gallery on the corresponding page&#8230; even the alt tags and image titles are entered automatically for Search Engine Optimization purposes.</p>
<p>As per the initial project requirements I kept everything as simple as possible making the website as easy as possible to navigate. Customer testimonials would be displayed one at a time in random order on the home page and a selection of Pauls favorite photos would now now fade in and out on the home page so that his work would be the first thing people see when visiting.</p>
<p>The design of the header, footer and background of the website were kept very minimal. The background is plain white except for a nice, large and bold watermark of Paul&#8217;s new logo which I also designed at the start of the project.</p>
<p>A blog was created so that Paul could write his own case studies and share any news or info with his target audience.</p>
<p>So all in all my client walked away with a complete package. His work is very easily added, it is very easily viewable by anyone visiting and now he has a site that does his work justice. As my client was very organized and knew exactly what he wanted, the project was completed in a very quick seven days from the design sign off.</p>
<p>If you are interested in a website such as this feel free to drop me a line <a href="/contact">here.</a></p>
<p><a href="http://www.pmjphotography.co.uk" target="_blank">View the finished website here.</a></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-509" title="Photography Website Design" src="http://www.bradlangdon.co.uk/wp-content/uploads/06.jpg" alt="Photography Website Design" width="712" height="400" /></p>
<p><img class="aligncenter size-full wp-image-510" title="Photography Website Design" src="http://www.bradlangdon.co.uk/wp-content/uploads/07.jpg" alt="Photography Website Design" width="712" height="400" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/bradlangdon?a=ZJrakFRLhiY:rMHcG1fFzc8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/bradlangdon?d=yIl2AUoC8zA" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.bradlangdon.co.uk/case-study-paul-martin-photography/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.bradlangdon.co.uk/case-study-paul-martin-photography</feedburner:origLink></item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching using disk: basic
Object Caching 427/471 objects using disk: basic

Served from: www.bradlangdon.co.uk @ 2012-01-25 23:30:14 -->

