<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>VGroup &#187; web development</title>
	<atom:link href="http://blog.vgroup.com/post/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.vgroup.com</link>
	<description>MARKETING / DESIGN / BRANDING / INTERACTIVE</description>
	<lastBuildDate>Wed, 18 Jan 2012 12:25:18 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Up to date internet explorer for all</title>
		<link>http://blog.vgroup.com/post/up-to-date-internet-explorer-for-all/</link>
		<comments>http://blog.vgroup.com/post/up-to-date-internet-explorer-for-all/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 14:52:26 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Geek Stuff]]></category>
		<category><![CDATA[Knowledge]]></category>
		<category><![CDATA[Latest News]]></category>
		<category><![CDATA[Snippets]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[IE9]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[web browser updates]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=4005</guid>
		<description><![CDATA[Microsoft has announced that IE is to start automatic upgrades across Windows XP, Windows Vista, and Windows 7. It's brilliant news. Users will be automatically updated to the latest version of IE for their version of Windows (IE8 on XP, IE9 on Vista and 7) ensuring that they will be experiencing the web at it's best.]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.vgroup.com/wp-content/uploads/2011/12/microsoft-internet-explorer-9-download-ie9-installation.png"><img class="alignnone size-full wp-image-4006" title="microsoft-internet-explorer-9-download-ie9-installation" src="http://blog.vgroup.com/wp-content/uploads/2011/12/microsoft-internet-explorer-9-download-ie9-installation-e1323958433275.png" alt="" width="495" height="212" /></a></p>
<p><a href="http://windowsteamblog.com/ie/b/ie/archive/2011/12/15/ie-to-start-automatic-upgrades-across-windows-xp-windows-vista-and-windows-7.aspx" target="_blank">Microsoft has announced</a> that IE is to start automatic upgrades across Windows XP, Windows Vista, and Windows 7.</p>
<p><strong>It&#8217;s brilliant news. </strong></p>
<p>Users will be automatically updated to the latest version of IE for their version of Windows (IE8 on XP, IE9 on Vista and 7) ensuring that they will be experiencing the web at it&#8217;s best. This is also great news for website owners, managers and developers, who will need to support fewer old browser versions.</p>
<p>Users user’s home page, search provider, and default browser will unchanged when the browser updates, and if users prefer not to update, they can use an Automatic Update Blocker to ensure they only update when they are good and ready. Good news for Microsoft&#8217;s enterprise customers. Users can also choose to uninstall the updated if they wish.</p>
<p>The main benefits of this move are cited as security, a better experience for users and less development overhead for website stakeholders.</p>
<p><strong>Ryan Gavin, Microsoft’s senior director for Internet Explorer explains:</strong><strong> </strong></p>
<blockquote><p><em>&#8220;We want to make updating to the best protection possible as fast and  simple as we can for Windows customers. IE is how millions of Windows customers connect to the Web, so keeping that part of Windows updated at all times is critical to keeping them safe online. With automatic updates enabled through Windows Update, customers can receive IE9 and future versions of Internet Explorer seamlessly without any “<a href="http://blog.lizardwrangler.com/2011/10/03/rapid-release-follow-up/">update fatigue</a>” issues.&#8221;</em></p>
<p><em>&#8220;Wider  deployment of the most up-to-date browser benefits the Web in other  ways as well. Developers and online businesses can rely on better  browsers to deliver richer and more capable Web experiences. We built  IE9 with a focus on <a href="http://windowsteamblog.com/ie/b/ie/archive/2011/03/15/fast-is-now-beautiful-ie9-released.aspx">modern web standards and interoperability</a> so that developers could spend less time coding for specific browsers  and spend more time building the next big thing on the Web. More of the  Web running an HTML5 capable browser, vs. <a href="http://www.ie6countdown.com/">something built ten years ago</a>, is a great thing for developers and the businesses they support.&#8221;</em></p></blockquote>
<p>This move will help reduce the amount of people on IE6, something Microsoft are promoting, as discussed in Suzanne&#8217;s article, <a href="http://blog.vgroup.com/post/be-browser-smart/">Be Browser Smart</a>.</p>
<p>This is a win-win situation for everybody. Huzzah!</p>
<p>Read more on <a href="http://windowsteamblog.com/ie/b/ie/archive/2011/12/15/ie-to-start-automatic-upgrades-across-windows-xp-windows-vista-and-windows-7.aspx" target="_blank">Microsoft&#8217;s blog</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/up-to-date-internet-explorer-for-all/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Are you a budding typographer?</title>
		<link>http://blog.vgroup.com/post/are-you-a-budding-typographer/</link>
		<comments>http://blog.vgroup.com/post/are-you-a-budding-typographer/#comments</comments>
		<pubDate>Wed, 09 Nov 2011 11:05:03 +0000</pubDate>
		<dc:creator>Greg Coley</dc:creator>
				<category><![CDATA[Be inspired]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Geek Stuff]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Knowledge]]></category>
		<category><![CDATA[Snippets]]></category>
		<category><![CDATA[HTML 5]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=3852</guid>
		<description><![CDATA[We're obviously a bit obsessed with type here at VGROUP but are there any budding typographers out there amongst our clients and friends? Why not test your skills with a couple of new typographic challenges and let us know how you get on.]]></description>
			<content:encoded><![CDATA[<p><a href="http://type.method.ac/"><img class="alignnone size-full wp-image-3855" title="kerning_lrg1" src="http://blog.vgroup.com/wp-content/uploads/2011/11/kerning_lrg1.jpg" alt="" width="495" height="330" /></a></p>
<p>Being someone who is probably a little more more obsessed with typography than most a couple of great HTML5 sites have appeared recently that have caused just a little friendly competition in the studio.</p>
<p>This <a href="http://type.method.ac/" target="_blank">kerning game</a> is not only infuriatingly addictive but a great demonstration of what&#8217;s now possible in HTML5 using the latest web browsers such as <a href="www.google.co.uk/chrome" target="_blank">Chrome</a>, <a href="www.mozilla.org/en-US/firefox/new/" target="_blank">Firefox</a>, <a href="www.apple.com/safari/" target="_blank">Safari</a> and also multitouch devices such as tablets and smart phones.</p>
<p><strong>Instructions</strong><br />
<em>Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning. Your solution will be compared to typographer&#8217;s solution, and you will be given a score depending on how close you nailed it. Good luck!</em></p>
<p><a href="http://type.method.ac/"><img class="alignnone size-full wp-image-3856" title="kerning_lrg2" src="http://blog.vgroup.com/wp-content/uploads/2011/11/kerning_lrg2.jpg" alt="" width="495" height="330" /></a></p>
<p>The studio best score is 95% so do let us know if anyones beats it as you&#8217;re obviously a typographic genius.</p>
<p>As well as the kerning game there is another challenge based around the <a href="http://shape.method.ac/" target="_blank">shape and form of characters</a> where you have to complete the letter shapes concerned. Again, wonderfully addictive and provides a real insight into how type foundries and type designers really have such an amazing eye for detail to craft the multitude of typefaces that designers are able to use in their work.</p>
<p><a href="http://shape.method.ac/"><img class="alignnone size-full wp-image-3857" title="kerning_lrg3" src="http://blog.vgroup.com/wp-content/uploads/2011/11/kerning_lrg3.jpg" alt="" width="495" height="330" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/are-you-a-budding-typographer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Refreshing Brand for Corven Group</title>
		<link>http://blog.vgroup.com/post/refreshing-brand-for-corven-group/</link>
		<comments>http://blog.vgroup.com/post/refreshing-brand-for-corven-group/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 16:37:09 +0000</pubDate>
		<dc:creator>Jessica Samuel</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[Latest News]]></category>
		<category><![CDATA[brand identity]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=3742</guid>
		<description><![CDATA[Corven is an integrated group of businesses all focused on creating value through strategic change. 
The business is composed of three divisions; Corven Consulting, Corven Ventures and Corven Networks. Working with FTSE 100 and Fortune 500 companies as well as with central government departments, in Europe and North America, dynamic growth led them to reappraise their brand and communications. VGroup's appointment, following a credentials pitch, has resulted in a cohesive and integrated look to their communications. See the transformation 
]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.vgroup.com/wp-content/uploads/2011/09/corven_ipad2.jpg"><img class="alignnone size-full wp-image-3761" title="corven_ipad2" src="http://blog.vgroup.com/wp-content/uploads/2011/09/corven_ipad2.jpg" alt="" width="495" height="444" /></a></p>
<p>Corven is an integrated group of businesses all focused on creating value through strategic change. The business is composed of three divisions; Corven Consulting, Corven Ventures and Corven Networks. Working with FTSE 100 and Fortune 500 companies as well as with central government departments, in Europe and North America, dynamic growth led them to reappraise their brand and communications. VGroup&#8217;s appointment, following a credentials pitch, has resulted in a cohesive and integrated look to their communications.</p>
<p>Having successfully won the pitch, we started an intense six week project schedule to refresh their brand identity and their communications including a <a href="http://www.corven.com" target="_blank">new website</a>. The first stage was to clarify the hierarchy of the business divisions, each of their sectors and practice areas, and to distil this information into a clear brand architecture.</p>
<p>The Corven logo and Corven Networks logo were retained in order to maintain brand recognition. Our core objective was to refresh their visual identity, build upon their existing brand mark and produce a cohesive look to their corporate brand that would enable Corven to have full control over content in their  literature and website.</p>
<p>We rationalised their colour palette and typefaces across the Group; created an important new brand element in the form of a ‘wrap’ graphic panel which was employed throughout the design work to provide a distinctive area for titles and headers.</p>
<p>With Corven&#8217;s need for flexibility to edit and produce a lot of printed materials in-house careful consideration was given to the branding, fonts and colours to ensure consistency across InDesign and Microsoft Word platforms.<a href="http://blog.vgroup.com/wp-content/uploads/2011/09/Corven_sector_overview_spread.jpg"></a></p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_08/images/main/Corven_sector_overview_cover.jpg" alt="" width="495" height="360" /></p>
<p><a href="http://blog.vgroup.com/wp-content/uploads/2011/09/Corven_sector_overview_spread.jpg"><img class="alignnone size-full wp-image-3764" title="Corven_sector_overview_spread" src="http://blog.vgroup.com/wp-content/uploads/2011/09/Corven_sector_overview_spread.jpg" alt="" width="495" height="360" /></a></p>
<p>The Corven logo’s are written in Helvetica light, a clean open typeface, so it was decided that the Helvetica family should be used as the primary font throughout their printed materials. We took advantage of the release of Helvetica as a web-font to achieve onscreen consistency across their website. If this was unavailable to users, we nominated Arial as a secondary typeface as it would work well with Helvetica as well as across numerous Word Documents that are used internally and externally; this ensured there were no issues with type rendering incorrectly. In short we wanted to make life as easy as possible for their marketing teams.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_08/images/main/Corven_Network_overview_cover.jpg" alt="" width="495" height="360" /></p>
<p>The personality of the company is warm, colourful, optimistic, genuine and professional, so we felt it was really important that these values came across in their brand. We commissioned a photo shoot of the teams at work and engaging in live projects – the results of which can be seen across the website and in all of their collateral.</p>
<div id="attachment_3767" class="wp-caption alignnone" style="width: 505px"><img class="alignnone" src="http://resources.vgroup.com/newscast/11_08/images/main/corven_ppt2.jpg" alt="" width="495" height="278" /><p class="wp-caption-text">Corven PowerPoint template</p></div>
<p>The new Corven website brought together Corven Consulting and the H-I Network (now renamed Corven Networks). We created a new site architecture to ensure the content could be found easily once brought together.</p>
<p>When the sitemap was approved we moved on to creating a fully interactive wireframe version of the site that allowed Corven to click through and get a feel for how the site would work. These wireframes were then used as the base for the site design.</p>
<p>As with the printed materials we created a clean and modern look for the website ensuring it retained all the brand values of the new visual identity. With the site being built on the Drupal Content Management System (CMS) we paid careful attention to allowing the site to be as flexible as possible. Lots of different page templates and modules are available for the client to update copy, images, create new sections and promotions quickly and easily.</p>
<p>The results speak for themselves, but by working closely with key personnel who were involved in managing and producing marketing materials, Corven now have a more contemporary feel to their communications that represents their value and culture as a business. Their &#8220;brand toolkit&#8221; will enable them to attract new clients, as well as the calibre of people they need for their growing business, and lastly build brand value over the mid-long term.</p>
<p><em>“I wanted to write to thank you for your efforts with our website and brand refresh. Whilst it was an intense project, we are very pleased with the end results, and have had very positive feedback from clients, candidates and network members alike, as well as our own staff.”</em> Charles Oppenheim, Corven.</p>
<p><a href="http://www.corven.com" target="_blank">www.corven.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/refreshing-brand-for-corven-group/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brand Capital</title>
		<link>http://blog.vgroup.com/post/brand-capital/</link>
		<comments>http://blog.vgroup.com/post/brand-capital/#comments</comments>
		<pubDate>Thu, 19 May 2011 17:00:39 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Latest News]]></category>
		<category><![CDATA[brand identity]]></category>
		<category><![CDATA[business management]]></category>
		<category><![CDATA[Consultant]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[financial]]></category>
		<category><![CDATA[mxc]]></category>
		<category><![CDATA[MXC Capital]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=3364</guid>
		<description><![CDATA[MXC Capital is an investment company, and a consultancy. MXC's proposition is to work with clients to identify acquisition and disposal opportunities as well as provide corporate consultancy on all aspects of business management. MXC Capital approached VGroup with a brief to brand them in a way that reflected both the financial and the consultancy aspects of their business…]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_04/images/main/MXC_Capital_0.jpg" alt="" width="495" height="219" /></p>
<p><a href="http://www.mxccapital.com/" target="_blank">MXC Capital</a> is an investment company, and a consultancy. MXC&#8217;s proposition is to work with clients to identify acquisition and disposal opportunities as well as provide corporate consultancy on all aspects of business management. But it also, crucially, invests into the client companies with which it is engaged.</p>
<p>MXC Capital approached VGroup with a brief to brand them in a way that reflected both the financial and the consultancy aspects of their business. There was a balance to be struck between ‘financial’ and ‘racy’ so, unusually, we presented a number of options on the visual identity allowing MXC Capital to choose visually where they would position themselves between ‘financial’ and ‘racy’.  You can see what they opted for as we think the overall design speaks for itself.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://resources.vgroup.com/newscast/11_04/images/main/MXC_Capital_logo.jpg" alt="" width="350" height="75" /></p>
<p style="text-align: center;">
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_04/images/main/MXC_Capital_1.jpg" alt="" width="495" height="344" /></p>
<p>The <a href="http://www.mxccapital.com/" target="_blank">MXC Capital website</a> brief was for a clean, clear, concise site with a bit of subtle Flash animation. Oh, and&#8230; “Can it work on my iPhone?”. Well, yes. We have used web fonts (Thank you Typoteque) and some lovely JavaScript animation to lift the site but keep it firmly in search and mobile device friendly technology. Attention to the grid and typography means that the site has visual impact without relying on a whole lot of irrelevant imagery. <a href="http://www.mxccapital.com/" target="_blank">Take a look</a>.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_04/images/main/MXC_Capital_2.jpg" alt="" width="495" height="344" /></p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_04/images/main/MXC_Capital_3.jpg" alt="" width="495" height="344" /></p>
<p>Their stationery, and in particular the business cards, als<em>o </em>needed to make a serious impact. We produced a thick, duplexed colour plan card—black on one side, white on the other—with a foil blocked logo. Wow.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_04/images/main/MXC_Capital_4.jpg" alt="" width="495" height="344" /></p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_04/images/main/MXC_Capital_5.jpg" alt="" width="495" height="344" /></p>
<p>The whole brand identity came together really nicely, accurately positioning MXC Capital as an investment company with an edge.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/brand-capital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Be Browser Smart</title>
		<link>http://blog.vgroup.com/post/be-browser-smart/</link>
		<comments>http://blog.vgroup.com/post/be-browser-smart/#comments</comments>
		<pubDate>Thu, 24 Mar 2011 16:27:44 +0000</pubDate>
		<dc:creator>Suzanne</dc:creator>
				<category><![CDATA[Knowledge]]></category>
		<category><![CDATA[Latest News]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[IE9]]></category>
		<category><![CDATA[web browser updates]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=3264</guid>
		<description><![CDATA[Don’t be left behind, upgrade your web browser from Internet Explorer 6. Although most people tend to use newer browsers, there is still 12% of the world using IE6, which is in fact 9% less than the previous year. I read an article by Microsoft which explained the countdown of the usage of IE6 to less than 1%.
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_03/images/main/knowledge_ie6.jpg" alt="" width="495" height="338" /></p>
<p>Don’t be left behind, upgrade your web browser from Internet Explorer 6. Although most people tend to use newer browsers, there is still 12% of the world using IE6, which is in fact 9% less than the previous year.  I read an article by Microsoft which explained the <a href="http://ie6countdown.com/">countdown of the usage</a> of IE6 to less than 1%.</p>
<p>It has been 10 years since IE6 was born, as we all well know much has changed on the web during this time and so maybe it is worth thinking about upgrading if you haven&#8217;t already. Here are just a few of the ‘key’ benefits to help you identify progress and functionality currently available by upgrading your browser:</p>
<ul>
<li>Faster web browsing</li>
<li>Better security and privacy</li>
<li>Support for new technologies and web standards</li>
<li>Improved reliability</li>
<li>Rich user experience</li>
</ul>
<p>And so slowly but surely Microsoft are dedicated to <a href="http://ie6countdown.com/">watching the usage of IE 6 drop to less than 1% worldwide</a>, so all web developers can breathe a little sigh of relief.</p>
<p>Popular browsers you could consider using are:<br />
<a href="http://www.firefox.com">Mozilla Firefox</a><br />
<a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie">Microsoft Internet Explorer</a><br />
<a href="http://www.google.com/chrome">Google Chrome</a><br />
or <a href="http://www.apple.com/safari">Safari</a> on the Mac</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/be-browser-smart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New brand inspires business</title>
		<link>http://blog.vgroup.com/post/new-brand-inspires-business-technology/</link>
		<comments>http://blog.vgroup.com/post/new-brand-inspires-business-technology/#comments</comments>
		<pubDate>Tue, 08 Feb 2011 18:15:16 +0000</pubDate>
		<dc:creator>Jessica Samuel</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Latest News]]></category>
		<category><![CDATA[brighton]]></category>
		<category><![CDATA[business development]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[logo design]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[print design]]></category>
		<category><![CDATA[Printing]]></category>
		<category><![CDATA[specialist printing]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=3115</guid>
		<description><![CDATA[It all started with a mouse mat. 

Since CNC, our lovely new client, was first established they have been sending out mouse mat calendars annually to their customers and suppliers. A simple bit of merchandise, but apt for an IT company and one that stays on their clients’ desks all year round. If their clients don’t receive a mouse mat in January they call to ask for one! See how this inspired a new direction, a new brand...]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/CNC_blog_header_image_495x275.gif" alt="" width="495" height="245" /></p>
<p>It all started with a mouse mat.</p>
<p>Since CNC, our lovely new client, was first established they have been sending out mouse mat calendars annually to their customers and suppliers. A simple bit of merchandise, but apt for an IT company and one that stays on their clients’ desks all year round. If their clients don’t receive a mouse mat in January they call to ask for one!</p>
<p>After 15 years in the business, CNC has evolved, alongside offering day-to-day IT support they focus on creating bespoke IT infrastructure solutions for their clients, designed to aid and grow their customer’s businesses. Now mature and progressive, CNC wanted a more dynamic look to reflect their core values and the increasing success of the company.</p>
<p>So in December, with the mouse mat send looming, a new year, an expectant audience, it was time to begin the rebrand. The first thing to feature on our to-do list, the mouse mat would announce the new identity.</p>
<p>CNC had a very clear strategy about the direction in which they wanted the business to progress. They are technologically advanced and also committed to listening and reacting accordingly to their customers’ requirements. Our task was to distill these aims into clear propositions for potential customers. There was no existing strapline but the longhand for CNC—Computer and Network Consultants—featured on the brochure. We started with the keywords as we saw them: dynamic, proactive, process, accountable, inspired. Ultimately we felt there had to be a strapline. It is impossible to encapsulate all that they do in one line but we certainly could convey their ethos. &#8220;Inspired Business Technology&#8221; is what CNC are all about.</p>
<p>The existing brand had done well for CNC to this point, but lacked the punch and standout that CNC now wanted. The logo comprised of a cyan square, an abstract marque and a light, lower case cnc within the square. The three elements jostled for prominence and the lower case cnc felt weak. There was however, equity in the logo and although CNC were not averse to a complete change, we felt there was an argument to evolve the elements that had mileage.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/cnc_old_logo.gif" alt="" width="450" height="145" /></p>
<p>We were drawn to the cyan square. It had structure, and was the most noticeable thing about CNC’s existing brand, so we felt that the evolved logo should include reference to that shape and colour. When we explored the typography we noticed that CNC looked stronger and more confident in uppercase. We have set it in a customised version of Gotham; a classic, sans serif font which is clean, contemporary and has a bigger company feel.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/CNC_logo_positive.gif" alt="" width="200" height="129" /></p>
<p>We’ve transformed the flat cyan square into a three-dimensional cube adding a white cube within it to represent IT infrastructure, which is at the heart of many modern businesses. The structural feel of the marque reinforces the solidity of CNC, but also nods towards their progressive approach. With a mind to production costs and consistency, we designed the logo to be printable in only two colours but with creative use of tints it has the feel of more colours.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/CNC_colour_pallet.gif" alt="" width="300" height="169" /></p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/cnc_mousemat.jpg" alt="" width="495" height="400" /></p>
<p>Taking elements of the logo, we created a sculptural and abstract graphic device as part of the brand identity. We call it the ‘Infrastructure Device’. Although it is actually more than one graphic, there can be infinite variations on the theme. We use this throughout the printed collateral and website, and have plans to use the device to create signage and branding within the CNC office for example. This fluid branding device reflects the adaptable nature of the way CNC works. On printed items we added a metallic silver to the palette, this fits well with the forward thinking technology and adds a ‘special’ quality.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/cnc_businesscards.jpg" alt="" width="495" height="172" /></p>
<p>The previous branding featured stark, austere photos of the office and abstract shots of cabling. We immediately saw the need for adding personality to their collateral. We commissioned a photographer and art directed the shoot at CNC’s offices. The images produced portray not only the collaborative, approachable nature of their staff, but also their professionalism.</p>
<p><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/CNC_brochure_spread1.jpg" alt="" width="495" height="355" /></p>
<p>In the updated typographic style, bold headers are juxtaposed with a modern, very legible serif font. The messages are confident, yet the body copy is informative and plain speaking. The complexities of IT made easy to digest by the customer.</p>
<p><a href="http://www.cnc-ltd.co.uk" target="_blank"><img class="alignnone" src="http://resources.vgroup.com/newscast/11_01/images/main/CNC_web_screenshot.jpg" alt="" width="495" height="420" /></a></p>
<p>Again, the <a href="http://www.cnc-ltd.co.uk" target="_blank">website</a> reflects a fresh, clear approach to ordering of information. All the information visitors immediately want is available on the home page, and further detail can be accessed without leaving the page by panels which slide open to reveal more information. We created concise messaging written in a straightforward way, avoiding jargon and waffle, which reflects the approach and personality of CNC.</p>
<p>The site is controlled by a CMS, allowing CNC to control the information, and to easily keep it up to date with the fast moving technology they work with. They now have a blog section, in which they publish their ideas and insights, helping to keep their customers up to date, and proving their expertise to new or potential customers.</p>
<p>So CNC start the new year with a new brand, which we hope you’ll agree is befitting of the company they have become and positions them to achieve their strategic business goals in the future.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/new-brand-inspires-business-technology/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Finding the human answer</title>
		<link>http://blog.vgroup.com/post/finding-the-human-answer/</link>
		<comments>http://blog.vgroup.com/post/finding-the-human-answer/#comments</comments>
		<pubDate>Tue, 21 Sep 2010 14:54:21 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Latest News]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=2668</guid>
		<description><![CDATA[Where can I buy frozen soybeans in Brighton? Where’s the place to stay in Koh Samui? Anyone know any good food photographers? There are some questions that search engines struggle to answer, but there is a revolutionary new search engine that has a better chance of answering those tricky questions.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://resources.vgroup.com/newscast/10_09/images/main/blog_header_image_ardvark.gif" alt="" width="495" height="245" /></p>
<p>Where can I buy frozen soybeans in Brighton? Where’s the place to stay in Koh Samui? Anyone know any good food photographers? There are some questions that search engines struggle to answer, but there is a revolutionary new search engine that has a better chance of answering those tricky questions.</p>
<p>Aardvark is a new kind of search engine that’s powered by humans! And not just any humans, <span class="pullquote">it uses the brains of all your online friends</span> and friends of friends. The idea is that you log on at <a href="http://vark.com/" target="_blank">vark.com</a>, providing details of your social network (Facebook and Google contacts), then ask your question. Ardvark then seeks out the people most qualified to answer your question and gets back to you with the answers it finds from real people.</p>
<p>The service doesn’t blanket the web to get answers, rather, it forwards your question to a few people that have expertise on your subject, and then only people who are in your social network, a few at a time, saving you ‘social capital’ compared with blanket email, facebook or twitter questions.</p>
<p>Microsoft are currently advertising <a href="http://www.bing.com" target="_blank">bing.com</a> as a cure for ‘search overload syndrome, but ‘Where can I buy frozen soybeans around Brighton?’ comes up with a forum subject about buying tofu. Close, but not close enough.</p>
<p><span class="pullquote">Using humans to answer your questions has distinct advantages</span> over even the cleverest search algorithm, in that it can give you answers that aren’t posed in the question. For instance, ‘Where’s the place to stay in Koh Samui?’ could come back with ‘It’s monsoon season in the east, you could try this place in Phuket…’ You also may be more likely to trust the judgment of people you know, or their trusted friends, than complete strangers in services such as <a href="http://answers.yahoo.com/" target="_blank">Yahoo Answers</a>.</p>
<p>I haven’t tried using the service yet, but it certainly sounds interesting. The startup has been <a href="http://blog.vark.com/?p=361" target="_blank">aquired by Google</a>, so expect to hear more about it in the future.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/finding-the-human-answer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Going Home</title>
		<link>http://blog.vgroup.com/post/going-home/</link>
		<comments>http://blog.vgroup.com/post/going-home/#comments</comments>
		<pubDate>Wed, 14 Jul 2010 17:04:08 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Snippets]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=2422</guid>
		<description><![CDATA[Do we still need a 'home' link in the top-level navigation? It is a long established custom to have a link to a website’s homepage included in the top-level navigation, but why do we do this? Is it really a good idea? And can a website work with out a home link in the top-level navigation?]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://resources.vgroup.com/newscast/10_07/images/main/snippet.gif" alt="" width="495" height="200" /></p>
<p>Do we still need a &#8216;home&#8217; link in the top-level navigation? It is a long established custom to have a link to a website’s homepage included in the top-level navigation, but why do we do this? Is it really a good idea? And can a website work with a home link in the top-level navigation?</p>
<p>A number of websites have been doing away with the traditional ‘home’ link in their top-level navigation. A couple of examples include <a href="http://www.apple.com">apple.com</a>, <a href="http://www.johnlewis.com">johnlewis.com</a> and <a href="http://www.facebook.com">facebook.com</a> all lack a link saying ’home’ in the top navigation. So <span class="pullquote">where did the home link go?</span> And how do you get home in sites that lack a ‘home button’? Well, it is a fairly well established convention that clicking on the logo takes you back to the website’s homepage, and many sites rely on this to let users navigate back to the home page. Other sites use a breadcrumb, which is typically a horizontal line of text providing links back up through levels of the site up to the home page. Breadcrumbs typically look a bit like this:</p>
<p><strong>Home page / Section page / Subsection page</strong></p>
<p>The John Lewis site is a good example of how breadcrumbs work.</p>
<p>You could argue that having a ‘home’ link on the home page doesn’t make much sense. Imagine you’re driving down a road, let’s say it’s the M4 motorway, and there is a signpost for the M4, next junction. But you’re on the M4. Pretty confusing. <span class="pullquote">Who wants to go to a page they’re already on?</span> But in real terms, I don’t think this confuses many people.</p>
<p>Others websites, including <a href="http://www.bbc.co.uk" target="_blank">www.bbc.co.uk</a>, <a href="http://www.lastminute.com" target="_blank">lastminute.com</a>, <a href="http://www.myspace.com" target="_blank">myspace.com</a> and <a href="http://www.group.com" target="_blank">vgroup.com</a> have kept home link in the top-level navigation. On these sites users have the same set of top-level navigation available wherever in the site they are. Considering a large proportion of users arriving at a website will not be arriving on the home page, perhaps it makes sense to have this link in the top-level navigation.</p>
<p>Certainly the last few sites I have designed have had a home button in the top-level navigation, but I think it’s worth considering whether it is really necessary.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/going-home/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grid based appreciation</title>
		<link>http://blog.vgroup.com/post/grid_based_appreciation/</link>
		<comments>http://blog.vgroup.com/post/grid_based_appreciation/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 16:47:34 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Comment]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Awards]]></category>
		<category><![CDATA[brand identity]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Grid systems]]></category>
		<category><![CDATA[Grids]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=2144</guid>
		<description><![CDATA[We are delighted to see that our site www.baringa.com has been listed in a collection of 'the best grid-based designs' over at grid-based.com. The site was designed on a ten column grid giving the site structure and allowing use of plentiful white space. And while there we also spotted that our own vgroup.com is listed by Grid-based.com too!]]></description>
			<content:encoded><![CDATA[<p><a href="http://grid-based.com/"><img class="alignnone" src="http://resources.vgroup.com/newscast/10_04/images/main/comment_baringa_main.jpg" alt="" width="495" height="200" /></a></p>
<p>We are delighted to see that our site <a href="http://www.baringa.com" target="_blank">www.baringa.com</a> has been listed in a collection of &#8216;the best grid-based designs&#8217; over at <a href="http://grid-based.com" target="_blank">grid-based.com</a></p>
<p>Created as part of a branding and renaming project, designed and built in-house by VGroup, our V:CMS allows <a href="http://blog.vgroup.com/post/baringa-partners/" target="_blank">Baringa</a> to edit  all content and categorise news articles so that users can filter the  news by the industries <a href="http://blog.vgroup.com/post/baringa-partners/" target="_blank">Baringa Partners</a> work in.</p>
<p>The site was designed on a ten column grid giving the site structure and allowing use of plentiful <a href="http://blog.vgroup.com/post/how-to-add-brand-value-by-doing-nothing/" target="_blank">white space</a>.</p>
<p><a href="http://www.baringa.com"><img class="alignnone" src="http://resources.vgroup.com/newscast/10_04/images/main/comment_baringa.jpg" alt="" width="495" height="379" /></a></p>
<p>We also spotted our own <a href="http://www.vgroup.com" target="_blank">vgroup.com</a> listed by <a href="http://grid-based.com" target="_blank">grid-based.com</a> too!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/grid_based_appreciation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stick It!</title>
		<link>http://blog.vgroup.com/post/stick-it/</link>
		<comments>http://blog.vgroup.com/post/stick-it/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 16:59:12 +0000</pubDate>
		<dc:creator>Rachel Adler</dc:creator>
				<category><![CDATA[Comment]]></category>
		<category><![CDATA[Geek Stuff]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://blog.vgroup.com/?p=2062</guid>
		<description><![CDATA[It looks like the Next Big Thing could be the ability to stick a barcode on an object and then upload content that can be accessed by scanning the barcode. But will knowing the story of an object actually be useful in the real world? Read on to discover a whole host of really rather handy applications of this new technology.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.stickybits.com" target="_new"><img class="size-full wp-image-2071 alignnone" title="comment" src="http://blog.vgroup.com/wp-content/uploads/2010/03/comment.jpg" alt="stickybits screenshot" width="495" height="200" /></a></p>
<p>Anyone who follows anyone who could be described as a geek on Twitter has probably seen the hashtag #sxsw this week and may have wondered why it was so ubiquitous. <a title="South by South West" href="http://sxsw.com/" target="_blank">South by Southwest</a> (SXSW) is an interactive conference that takes place in Austin Texas every March – literally thousands of geeks descend on the Lonestar state to meet and discuss the myriad of opportunities in the tech world. Doesn’t sound terribly fascinating to those who don’t live and breathe digital media, but because of its reputation for being the place for tech start-ups to launch themselves, it’s definitely the place where you’re most likely to see the Next Big Thing.</p>
<p>Last year it was <a title="Foursquare" href="http://www.foursquare.com" target="_blank">Foursquare</a>, a location based social networking service that allows users to tag where they are (and was dubbed in some quarters ‘the burglar’s friend’!). This year it’s <a title="stickybits" href="http://www.stickybits.com" target="_blank">stickybits</a>, which involves tagging objects in the real world with little barcode stickers available from stickybits (or using the existing barcode assigned to an object), and then uploading all kinds of content and attaching it to the object using the free stickybits app on their iPhone or Android. Users can also view what other people have attached to a barcode by scanning it with their phone.</p>
<p>Now, on the face of it sticking a barcode on an item and then uploading information to that barcode seems a bit pointless: so I put a sticker on Suzanne’s coffee mug and upload a picture of Suzanne. It’s nice, but why would you bother? But <span class="pullquote">imagine if you could scan a barcode sticker on your fridge or washing machine and get instant access to the user manual, guarantee information and energy usage statistics</span>. Now that would be handy.<br />
Other real world applications of stickybits are already flying around the TechBlogs, here are just a few</p>
<ul>
<li>Stick a barcode on a birthday card and upload a video greeting to your Mum.</li>
<li>Never lose the assembly instructions for your Ikea bookcase (because you know you’ll need them again one day); just scan the barcode and there they are (and in video format too, for extra help).</li>
<li>Get the benefits of online shopping offline by swiping the barcode with your phone and getting instant access to user reviews and ratings, not to mention discount vouchers and special offers.</li>
<li>Create a box inventory by taking a photo of the contents and then sticking a barcode on the outside and uploading the picture to it – could make unpacking after a move a whole lot easier.</li>
<li>Run a competition where people attach their favourite recipe involving cornflakes to the barcode on the packet.</li>
<li>A simple barcode added to your brochure or business card could give new customers access to more company and product information quickly and easily.</li>
</ul>
<p>At the moment stickybits is just starting out, but I bet in a year’s time you’ll be seeing their barcode stickers appearing on all sorts of things and the ability to ‘read the story’ of an item will become second nature. Meanwhile, SXSW will have moved on to the next Next Big Thing.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vgroup.com/post/stick-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

