<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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"
	>

<channel>
	<title>Studio66 &#124; Freelance Web design Bristol &#124; Web Design Bristol &#187; main portfolio category</title>
	<atom:link href="http://www.studiosixtysix.co.uk/category/main-portfolio-category/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.studiosixtysix.co.uk</link>
	<description>A Daring Digital Designer based in Bristol</description>
	<pubDate>Thu, 19 Feb 2009 09:13:41 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.3</generator>
	<language>en</language>
			<item>
		<title>Newtons Design Concepts</title>
		<link>http://www.studiosixtysix.co.uk/2009/02/newtons-design-concepts/</link>
		<comments>http://www.studiosixtysix.co.uk/2009/02/newtons-design-concepts/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 00:40:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.studiosixtysix.co.uk/?p=298</guid>
		<description><![CDATA[Both layouts created in these initial visulas are based on communicating a unified message and the Newtons brand as well as our discussions during the design brief phase. I have then taken this and created two relatively similar design concepts with slightly different executions in terms of style and layout.
The first homepage design is based [...]]]></description>
			<content:encoded><![CDATA[<p>Both layouts created in these initial visulas are based on communicating a unified message and the Newtons brand as well as our discussions during the design brief phase. I have then taken this and created two relatively similar design concepts with slightly different executions in terms of style and layout.</p>
<p>The first homepage design is based on quite a refined concept and the design reflects this, I have included a number of rich &amp; visual elements to frame the content and bring it out of the page.  The overall style of the site is like a plaque on smart, marble-effect wall. This promotes very positive and professional connotations and is inline with the professional branding and traditional look and feel of the Newtons logo.</p>
<p>I have included all of the elements we talked about on the homepage with some of the services, a short welcome message, daily updating news and some changing quotes above the fold of the page. The emphasis on the homepage is the expert tax &amp; personal service that Newtons offers and this is communicated through the larger text and with imagery that emotes growth and nurturing.</p>
<p>The second design uses the same elements on the homepage as design 1 however the large strap-line and the overall look, feel &amp; layout of the site has been simplified slightly. I have removed some of the graphical elements so that the header is spaced out more on the page. This lessens the immediate impact of the site but gives the content more room to breathe.</p>
<p>I have also removed the abstract photography and replaced this with a large, eye-catching icon that does not contain so many connotations as the photograph but is very effective as a visual icon and still fits in with the idea of nurture, growth, vibrancy and new life.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2009/02/newtons-design-concepts/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Business Website Template 2009</title>
		<link>http://www.studiosixtysix.co.uk/2009/02/website-template-2009-2/</link>
		<comments>http://www.studiosixtysix.co.uk/2009/02/website-template-2009-2/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 14:26:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.studiosixtysix.co.uk/?p=244</guid>
		<description><![CDATA[Design Specification
The original design was created for a client who wanted a modern looking and eye-catching site that matched the new branding they had created with a third party designer. As the brief was quite loose I used it as an opportunity to try quite a rich and glossy design style. This involved using a [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Design Specification<br />
<span style="font-weight: normal;">The original design was created for a client who wanted a modern looking and eye-catching site that matched the new branding they had created with a third party designer. As the brief was quite loose I used it as an opportunity to try quite a rich and glossy design style. This involved using a number of illustrated icons for the various callouts and specialist services offered. This further emphasized the glossy nature of the design and the appeal of the graphical elements on the page. The typography is very clean and simple but well spaced out to give the strap line room to breath and enhance it&#8217;s impact.</span></strong><br />
<img style="border: 5px solid #2f2f2f" src="/wp-content/portfolio-images/template2-thumb1.jpg" alt="Business Website Template 2 Thumbnail" /></p>
<p><strong>Design Features</strong><br />
The design layout is based on a 960px grid and works both two and 3 columns. The design template also incorporates dropdown navigation and a number of alternative icons that can be used in the service sections. The colour scheme, watermark and strap line are also updatable features although I think this particular colour scheme works well.</p>
<p><img style="border: 5px solid #2f2f2f" src="/wp-content/portfolio-images/template2-thumb2.jpg" alt="Business Website Template 2 Thumbnail" /><br />
<strong>Feedback<br />
<span style="font-weight: normal;">The client was pleased with this design but opted for something more traditional, they did not like the dark background and chose a design alternative used lighter, less edgy colouring.</span> </strong><br />
<img style="border: 5px solid #2f2f2f" src="/wp-content/portfolio-images/template2-thumb3.jpg" alt="Business Website Template 2 Thumbnail" /></p>
<p><strong><span style="font-weight: normal;"><a title="Contact Me" href="/contact/">Contact me</a> if you would like a similar template for your business or personal site.</span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2009/02/website-template-2009-2/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Feist Hedgethorne Redesign 2009</title>
		<link>http://www.studiosixtysix.co.uk/2009/01/feist-hedgethorne-redesign-2009/</link>
		<comments>http://www.studiosixtysix.co.uk/2009/01/feist-hedgethorne-redesign-2009/#comments</comments>
		<pubDate>Fri, 30 Jan 2009 01:10:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.studiosixtysix.co.uk/?p=306</guid>
		<description><![CDATA[For the Feidt Hedgethorne re-design I have tried to keep it very fresh and contemporary but also extremely eye-catching using the brand colours where I can to bring some of the elements on the page out from the standard, white content blocks.
The new site design includes a number of visual signposts on the homepage that [...]]]></description>
			<content:encoded><![CDATA[<p>For the Feidt Hedgethorne re-design I have tried to keep it very fresh and contemporary but also extremely eye-catching using the brand colours where I can to bring some of the elements on the page out from the standard, white content blocks.</p>
<p>The new site design includes a number of visual signposts on the homepage that are tailored to the target audience of Feist Hedgethorne, these are: Small Business, Medium Business and Personal tax. The header on the homepage will cycle through the 3 different homepage mastheads (see below) and the user can also choose one by pressing the alternative title next to the current one or by using the arrow on the right of the header to cycle through them. Each of these also incorporate a quote from a satisfied client, these could be related to the header or simply something that changes when the homepage is visited or refreshed.</p>
<p>I have included both the business news and the ICAEW logo around the masthead image, each which relates to Brighton and the title at the top left of the page. I think these images work really well in not only being visually stimulating but also communicating to the user something about that section i.e. small business is bucket and spade (building) and personal tax is art (personal taste). </p>
<p>The eye-catching design incorporates all of the brand colours from the logo, in particular the strong red colour in the header to grab the user&#8217;s attention and make it obvious which section of the site the user is in throughout their journey around the site.</p>
<p>On the homepage the contact details are included as a feature. This also contains the address and a preview of the Google map that links through to the location page. Next to the contact heading on the homepage is some logic included in the site that will either prompt the user to register (if they are not already) or welcome them back to the site.</p>
<p>I have also included some of the content pages so you can see how the layout works for the about us, services and resources pages. With the about page I have created a nice clean 2 column layout that is consistent with the homepage as well as an on-page contact form so that the user has the option of contacting the staff member directly or just sending a general enquiry.</p>
<p>The service page optimises the 3 column layout so that all of the services are visible on the left hand side of the screen and the related links on the right hand side. Finally I have also included a resources page design (more for my benefit when I come to build the site really), this is 3 column simply because there is so much content and this makes it much more easily navigable. </p>
<p>I think overall the design succeeds not only in using the Feist Hedgethorne brand colours across the site but also in the appropriation of what is quite a lot of content. The content has been separated very clearly and the on-page navigation makes it easier for the user to find what they want. Also because there are not too many top level navigation items it is not too overwhelming for the user although there are many tools for the user to use if they wish.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2009/01/feist-hedgethorne-redesign-2009/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Media Template 2009</title>
		<link>http://www.studiosixtysix.co.uk/2009/01/website-template-2009-3/</link>
		<comments>http://www.studiosixtysix.co.uk/2009/01/website-template-2009-3/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 14:28:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.studiosixtysix.co.uk/?p=246</guid>
		<description><![CDATA[Third in my series of website templates (I didn&#8217;t like number two so I removed it and will redesign it soon), this template was created originally for a client and remained unused so with a few modifications I have opened it up for public viewing. The client was very pleased with this design but at [...]]]></description>
			<content:encoded><![CDATA[<p>Third in my series of website templates (I didn&#8217;t like number two so I removed it and will redesign it soon), this template was created originally for a client and remained unused so with a few modifications I have opened it up for public viewing. The client was very pleased with this design but at the last minute changed their mind and went down a completely different route (yeah I know).</p>
<p><img style="border: 5px solid #2f2f2f" src="/wp-content/portfolio-images/media-template-thumb1.jpg" alt="Media Template Template Thumbnail" /></p>
<p>Anyway I really like the header in this site design and the deep blue, with a striking navigation and themed icon. I always liked the sites you see in the galleries with the large detailed icons in the middle of the page to immediately catch the attention of the user and wanted to create something similar.</p>
<p><img style="border: 5px solid #2f2f2f" src="/wp-content/portfolio-images/media-template-thumb2.jpg" alt="Media Template Template Thumbnail" /></p>
<p>As a media client I think it worked very well in terms of the icon and imagery used along with the bright and vibrant colours so that it would appeal to a wider and younger audience.</p>
<p><img style="border: 5px solid #2f2f2f" src="/wp-content/portfolio-images/media-template-thumb3.jpg" alt="Media Template Template Thumbnail" /></p>
<p><a title="Contact Me" href="/contact/">Contact me</a> if you would like a similar template for your business or personal site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2009/01/website-template-2009-3/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Small Business Website Template 2009</title>
		<link>http://www.studiosixtysix.co.uk/2009/01/website-template-2009-1/</link>
		<comments>http://www.studiosixtysix.co.uk/2009/01/website-template-2009-1/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 13:45:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.studiosixtysix.co.uk/?p=235</guid>
		<description><![CDATA[The first in a series of templates I am creating for a mini project that should enable businesses to get a high quality design that suits their needs and gives them an affordable web presence.
We have outlined the need for some sites that need a refresh but cannot afford a complete re-design, therefore these templates [...]]]></description>
			<content:encoded><![CDATA[<p>The first in a series of templates I am creating for a mini project that should enable businesses to get a high quality design that suits their needs and gives them an affordable web presence.</p>
<p>We have outlined the need for some sites that need a refresh but cannot afford a complete re-design, therefore these templates are a perfect way for a client to have a contemporary design that suits their business without the expense.</p>
<p>I have deliberately made the design very clean and simplistic so that it will fit with a wide range of logos and the building of the site will be relatively straightforward. Look out for two more dropping by soon.</p>
<p><a title="contact me" href="/contact/">Contact me</a> if you would like a similar template for your business or personal site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2009/01/website-template-2009-1/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Personal Blog Template</title>
		<link>http://www.studiosixtysix.co.uk/2008/12/personal-blog-template/</link>
		<comments>http://www.studiosixtysix.co.uk/2008/12/personal-blog-template/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 13:35:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.studiosixtysix.co.uk/?p=228</guid>
		<description><![CDATA[This was a personal blog and portfolio template I created for Wordpress a while back and as yet remains unused.
I wanted to create a site that was a single page and that used dark and light shades of grey combined with a bright primary colour to highlight the links and content. I also created a [...]]]></description>
			<content:encoded><![CDATA[<p>This was a personal blog and portfolio template I created for Wordpress a while back and as yet remains unused.</p>
<p>I wanted to create a site that was a single page and that used dark and light shades of grey combined with a bright primary colour to highlight the links and content. I also created a loose theme and concept with the horse power logo and titles used in the design.</p>
<p>The design is available for purchase as a PSD template. If you are interested in this design or would like a custom design created for you then please <a title="Link to the Contact Page" href="/contact/">contact me</a> to discuss your requirements.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2008/12/personal-blog-template/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Crompton Ward</title>
		<link>http://www.studiosixtysix.co.uk/2008/09/crompton-ward/</link>
		<comments>http://www.studiosixtysix.co.uk/2008/09/crompton-ward/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 19:43:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.petal-design.co.uk/?p=163</guid>
		<description><![CDATA[Crompton Ward came to us with a clear view of what they wanted, their current site was outdated and un-inspiring, they were after something new, fresh and youthful. They had quite a contemporary form of branding and they wanted this also to be evident on the site carrying through the Rockwell font and colours as [...]]]></description>
			<content:encoded><![CDATA[<p>Crompton Ward came to us with a clear view of what they wanted, their <a href="http://www.cromptonward.co.uk/">current site</a> was outdated and un-inspiring, they were after something new, fresh and youthful. They had quite a contemporary form of branding and they wanted this also to be evident on the site carrying through the Rockwell font and colours as much as possible. However when looking at sites the ones they liked the most were quite clean and relied mostly on effective layout and whitespace.</p>
<p>I started off with a a few sketches and a simple grid that I added the homepage content to in blocks so that I knew what I had to work with and I could then sort for order of importance with stages of styling and use of colour. This would then form the basis for the site and along with some excerpts from their print material, most significantly the &#8220;you can count on us&#8221; strapline and text beneath containing a short piece about Crompton Ward.</p>
<p>Next I began styling up the elements with backgrounds and headers, starting off with many blocks of colour then gradually removing these. I also added an accent colour that would make the smaller features still stand out in amongst the bold text and about message. Lastly I searched for a quirky and fun image that would reinforce one of the key services offered by Crompton Ward and compliment the accent colour used in the headings.</p>
<p>The clients initial feedback was very positive on the homepage concept and the remaining site pages are at an advanced stage of design.</p>
<p><strong>The design is currently in development for the client.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2008/09/crompton-ward/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Xilo</title>
		<link>http://www.studiosixtysix.co.uk/2008/08/xilo/</link>
		<comments>http://www.studiosixtysix.co.uk/2008/08/xilo/#comments</comments>
		<pubDate>Fri, 22 Aug 2008 13:49:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.petal-design.co.uk/?p=118</guid>
		<description><![CDATA[Xilo came to me with a design brief that they wanted to create a site that re-appropriated all of the content on their current site but improve on the layout and usability so that users would be able to quickly get support help or sign up for a new domain. Using a simple layout and [...]]]></description>
			<content:encoded><![CDATA[<p>Xilo came to me with a design brief that they wanted to create a site that re-appropriated all of the content on their current site but improve on the layout and usability so that users would be able to quickly get support help or sign up for a new domain. Using a simple layout and colourful icons and buttons I created a modern design that was much easier to navigate around.</p>
<p>It was also important that there was somewhere for client testimonials as the customer care and positive feedback was something that was very important to Xilo and they found alot of their customer base came from referals.</p>
<p><strong>The site is currently being developed by a third party developer for the client.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2008/08/xilo/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Martin Greene Ravden</title>
		<link>http://www.studiosixtysix.co.uk/2008/08/martin-greene-ravden/</link>
		<comments>http://www.studiosixtysix.co.uk/2008/08/martin-greene-ravden/#comments</comments>
		<pubDate>Mon, 18 Aug 2008 21:09:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.petal-design.co.uk/?p=177</guid>
		<description><![CDATA[Martin Green Ravden wanted their website to reflect the company, which places emphasis on the staff that work there and the different personalities that work within the company. We went to the offices and interviewed all of the staff so we could get an idea of each of these &#8220;characters&#8221; that made up Martin Greene [...]]]></description>
			<content:encoded><![CDATA[<p>Martin Green Ravden wanted their website to reflect the company, which places emphasis on the staff that work there and the different personalities that work within the company. We went to the offices and interviewed all of the staff so we could get an idea of each of these &#8220;characters&#8221; that made up Martin Greene Ravden and it&#8217;s own unique character.</p>
<p>Once we had taken this information we formed two different concepts, one that is shown here that is based on a montage of rich photography showing the staff from MGR in various shots doing day to day tasks. The other one were a number of characterisations of the various staff consisting of an animation that <a href="http://www.mgr.co.uk/staff/index.html">forms part of the current site</a>. We had to brainstorm and storyboard all of the animations taken from our initial discussions about the staff and their likes and dislikes.</p>
<p>The route shown here is an interactive logo with the images of the staff doing day to day activities, the logo is zoomed in on to view the various photographs. This is to communicate that MGR is made up of it&#8217;s staff and the people who work there, which this does very effectively.</p>
<p>The <a href="http://www.mgr.co.uk/">final site</a> was a layout that was requested by the client and that I designed around with simple shading a loose grid-style layout.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2008/08/martin-greene-ravden/feed/</wfw:commentRss>
		</item>
		<item>
		<title>PracticeWEB redesign 2008</title>
		<link>http://www.studiosixtysix.co.uk/2008/08/practiceweb-redesign-2008/</link>
		<comments>http://www.studiosixtysix.co.uk/2008/08/practiceweb-redesign-2008/#comments</comments>
		<pubDate>Mon, 04 Aug 2008 10:58:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[main portfolio category]]></category>

		<guid isPermaLink="false">http://www.petal-design.co.uk/?p=7</guid>
		<description><![CDATA[An unused redesign of the PracticeWEB site homepage. This redesign was to give an example of an extreme design style so that this could be compared against the design that had been worked on already. Although this design has not been used, it&#8217;s layout and some elements of this design will feature in the final [...]]]></description>
			<content:encoded><![CDATA[<p>An unused redesign of the PracticeWEB site homepage. This redesign was to give an example of an extreme design style so that this could be compared against the design that had been worked on already. Although this design has not been used, it&#8217;s layout and some elements of this design will feature in the final version. This is design is still working progress but I was very pleased with the use of colour/contrast and the vibrancy of the design especially in comparison to the current PracticeWEB site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studiosixtysix.co.uk/2008/08/practiceweb-redesign-2008/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
