<?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>Wubbleyou Web Design Newcastle - Blog</title>
	<atom:link href="http://www.wubbleyou.co.uk/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wubbleyou.co.uk/blog</link>
	<description>We are a web design company based in Newcastle and this is our blog!</description>
	<lastBuildDate>Wed, 28 Mar 2012 09:22:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>jQuery Plugin Examples</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/jquery-plugin-examples/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/jquery-plugin-examples/#comments</comments>
		<pubDate>Wed, 28 Mar 2012 09:22:29 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=400</guid>
		<description><![CDATA[As a website designer in an ever evolving world of technology, it’s crucial to stay up to date with the latest tools available to make the sites that you see on the web today. One of the biggest advancements over &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/jquery-plugin-examples/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://wubbleyou.co.uk/blog/articles/jquery-plugin-examples/"><img class="alignnone" title="jQuery Plugin Examples" src="/wub-files/images/blog/jquery/jquery.png" alt="jQuery Plugin Examples" width="630" height="300" /></a></p>
<p>As a <a href="http://www.wubbleyou.co.uk/" title="Website Designer">website designer</a> in an ever evolving world of technology, it’s crucial to stay up to date with the latest tools available to make the sites that you see on the web today. One of the biggest advancements over the past few years is the evolution of jQuery. This is an ever expanding JavaScript library that allows for amazing amounts of interactivity between the end user and the website they’re on.</p>
<p><span id="more-400"></span></p>
<p>One of the great features of jQuery is how simple it is to incorporate plugins into websites. You’ve probably been on hundreds of sites that use jQuery without you realising. It can be seen to be taking over Adobe Flash as the tool to use for interactivity in sites which is a good thing for the World Wide Web. Flash sites are quite static in their nature and are difficult to optimise for <a href="http://www.wubbleyou.co.uk/services/seo/" title="Search Engine Optimisation">SEO</a>. By using JavaScript instead, all of the content on the page is readable for search engines and should help boost your natural search listings.</p>
<p>Today I am going to write a short article on some of our favourite jQuery plugins that we use our client’s sites. They range from tooltips to front page image sliders, but each of them plays an important part in building a site with enhanced usability features. </p>
<p></p>
<h2>Cycle Plugin</h2>
<p><a target="_blank" href="http://jquery.malsup.com/cycle/"><img src="/wub-files/images/blog/jquery/cycle.png" alt="2Pitch" /></a></p>
<p>The first plugin that I am going to talk about today is the Cycle plugin. The name tells you pretty much all you need to know about the plugin, as it allows you to cycle through a range of text or images on a web page. The developers of the cycle plugin kindly provide a wide range of examples and documentation making the plugin simple to install and configure. It’s lightweight in its design and can be rolled out in a variety of animation styles. It’s definitely worth looking into if you need a sliding plugin for your site.</p>
<h2>JSTree</h2>
<p><a target="_blank" href="http://www.jstree.com/"><img src="/wub-files/images/blog/jquery/tree.png" alt="JSTree" /></a></p>
<p>This is a plugin that replicates a folder explorer by creating a tree structure of a hierarchical system. This plugin is great when used in projects involving file management or sites with complicated site maps. They’re currently developing a tree structure plugin that is part of the jQuery UI which allows for the use of a range of handy pre-styled plugins so that’ll be one to watch out for in the near future. I’d definitely take a look at this plugin in the meantime as its flexibility can lead to some great looking work.</p>
<h2>MB YT Player</h2>
<p><a target="_blank" href="http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer/"><img src="/wub-files/images/blog/jquery/mbytplayer.png" alt="MB YT Player" /></a></p>
<p>If you spend as much time browsing sites as we do, you may have noticed one of the new trends that are becoming ever more popular for music artists. Developers have discovered that a good way to get a user into a website is to use a full screen video as the background for the page. It’s only been due to the advancement in technology that this has become possible and some of the variations available on the web today are quite outstanding. This plugin is also quite versatile as it allows a developer to include videos that are fully expanded to the size of the browser. This means that the video will be able to be played on a range of devices and stretch to 100% of the size of the screen.</p>
<h2>Coda Bubble</h2>
<p><a target="_blank" href="http://jqueryfordesigners.com/demo/coda-bubble.html"><img src="/wub-files/images/blog/jquery/coda.png" alt="Coda Bubble" /></a></p>
<p>One of the oldest elements of a browser that still appears quite dated is the title attribute of an image or link. In the recent past, people have created plugins to bring these handy tool tips to life and they have a positive effect on bringing helpful hints to the user. We use two different tooltips, with the first being qTip. Using this plugin you’re able to replace the browsers standard tool tip with a funky modern alternative. If you’re after a more substantial alternative, take a look at the coda bubble plugin. What this plugin is able to do is bring up a bubble when a link is rolled over. It’s quite a common technique used to guide a user through a site but this plugin is simple to install and use.</p>
<h2>Supersized</h2>
<p><a target="_blank" href="http://buildinternet.com/project/supersized/"><img src="/wub-files/images/blog/jquery/supersized.png" alt="Supersized" /></a></p>
<p>Supersized is a great tool for creating websites that want to make use of a full screen background. The best examples of these types of websites are normally presented as portfolios. They’re usually seen being used by photographers or directors of films as it allows them to showcase their work in a large high definition environment.</p>
<h2>Moleskin Notebook</h2>
<p><a target="_blank" href="http://tympanus.net/codrops/2010/12/14/moleskine-notebook/"><img src="/wub-files/images/blog/jquery/book.png" alt="Moleskin Notebook" /></a></p>
<p>This is one of my favourite plugins available today that I haven’t had the chance to use yet. It’s basically a page scroller that gives the illusion that you’re reading a book and you have to turn the page to read the next section. This is ideal for a wide range of websites and there are a few alternatives available. A couple of ideas that spring straight to mind are to transfer long PDF documents into easily readable pages or to advertise short stories and illustrations for aspiring artists.</p>
<h2>Page Scroller</h2>
<p><a target="_blank" href="http://pagescroller.com/"><img src="/wub-files/images/blog/jquery/pagescroller.png" alt="Pagescroller" /></a></p>
<p><a href="http://www.wubbleyou.co.uk/" title="Web Design">Web design</a> is not all about creating sites with huge amounts of interactivity. It’s sometimes the simplest of touches that can be used to bring a site to life. One of the best examples of this is shown by using the pagescroller plugin. This a really simple plugin that allows a user to scroll up and down a website by using large overlay buttons on the side of the screen. This is great to use on sites with a varying age range of users, as it makes scrolling the page seem effortless and simple.</p>
<p>I hope you’ve enjoyed reading about some of Wubbleyou’s favourite JavaScript plugins. From a professional point of view, we can see jQuery going from strength to strength in the near future and hopefully becoming incorporated into browsers in the near future. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/jquery-plugin-examples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wooden Website Design Examples</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/wooden-website-design-examples/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/wooden-website-design-examples/#comments</comments>
		<pubDate>Mon, 12 Mar 2012 13:34:30 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=390</guid>
		<description><![CDATA[Today I am going to continue my series of reviewing well designed sites that follow a particular theme. In previous weeks I’ve spoken about a purple design trend and then more recently, discussed the impact high quality graphic designs can &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/wooden-website-design-examples/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://wubbleyou.co.uk/blog/articles/wooden-website-design-examples/"><img class="alignnone" title="Wooden Website Design Examples" src="/wub-files/images/blog/wooden/wooden_websites_blog_main.jpg" alt="Wooden Website Design Examples" width="630" height="300" /></a></p>
<p>Today I am going to continue my series of reviewing well designed sites that follow a particular theme. In previous weeks I’ve spoken about a <a href="http://www.wubbleyou.co.uk/blog/articles/purple-website-design-2012/">purple design</a> trend and then more recently, discussed the <a href="http://www.wubbleyou.co.uk/blog/articles/graphic-design-examples/">impact high quality graphic designs</a> can have on a website. The topic of today’s article is my top 10 wooden themed websites. </p>
<p><span id="more-390"></span></p>
<p>Using wooden textures within <a href="http://www.wubbleyou.co.uk/" title="Website Design">website design</a> is not a new idea, but it is an idea that if carried out well can have a big impact on the viewer.  This article will take a look at a few of my favourite examples of the wooden theme being used to promote the website.</p>
<p></p>
<h2>2Pitch</h2>
<p><a target="_blank" href="http://www.2pitch.com/"><img src="/wub-files/images/blog/wooden/2pitch.jpg" alt="2Pitch" /></a></p>
<p>This is a nice simple website but the quality of the work provided in Kevin’s portfolio really shows his ability and shows how effective having a good portfolio can be. The site doesn’t need any overly fancy graphics to showcase his services and would appeal to a wide range of audiences.</p>
<h2>bcandullo</h2>
<p><a target="_blank" href="http://www.bcandullo.com/"><img src="/wub-files/images/blog/wooden/brad.jpg" alt="bcandullo" /></a></p>
<p>Brad’s portfolio makes an instant impression with its contrasting header to the wooden effect body used. The reason that I’ve chosen to include in this in my top 10 sites is because of its use of a range of textures. His creativity and his design skills used to age the elements on the site really make it stand out as a quality site.</p>
<h2>BSSP</h2>
<p><a target="_blank" href="http://bssp.com/"><img src="/wub-files/images/blog/wooden/bssp.jpg" alt="BSSP" /></a></p>
<p>Butler, Shine, Stern and Partners are based in America and their website really showcases their skills and what they can provide as a service. With some outstanding clients to their name, their wooden themed website stands out as it uses engraving cleverly to emphasis the logo for the company and its search facility. I think it’s easy to appreciate the simplicity of the site and its modern appearance.</p>
<h2>Design Top 10</h2>
<p><a target="_blank" href="http://designtop10.com/"><img src="/wub-files/images/blog/wooden/designtop10.jpg" alt="Design Top 10" /></a></p>
<p>This site uses a clever filofax graphic to hold its content. They’re currently on a small hiatus but the thought gone into the design aspects is quite easily to notice. The site really feels like you could open up the Filofax and read the next page which is a testament to the designer’s skill.</p>
<h2>ewebbed</h2>
<p><a target="_blank" href="http://ewebbed.com/"><img src="/wub-files/images/blog/wooden/ewebbed.jpg" alt="ewebbed" /></a></p>
<p>ewebbed have chosen to create a site that uses one page and the user can then click the navigation bar to swipe their way across. This is a common theme on the web today as it shows off the capability of online javascript tools over its flash predecessors. It also helps to create a seamless transition between pages. One of the drawbacks of this type of site is the initial load time upon first entering the site as it has to load information for all of the pages. The dark wooden theme provides a huge contrast to the chunky white text and it’s a great combination.</p>
<h2>Kuhboom</h2>
<p><a target="_blank" href="http://www.kuhboom.com/"><img src="/wub-files/images/blog/wooden/kuhboom.jpg" alt="Kuhboom" /></a></p>
<p>Another portfolio site on the list is Kuhboom. It’s also chosen to theme the site with a dark wooden background but I especially appreciate the graphic overlays used by the designer for the logo and navigation. Although the site is quite small in size, it’s easy to use and is visually appealing. I think this site shows why wood is a great texture to use as a background of a website, because its subtle enough to allow the content to be read but it adds a base of depth to the site.</p>
<h2>Matthias Schuetz</h2>
<p><a target="_blank" href="http://matthiasschuetz.com/"><img src="/wub-files/images/blog/wooden/mattiastsch.jpg" alt="Matthias Schuetz" /></a></p>
<p>Although Matthias Schutz’s website is written entirely in German, you can still appreciate the skills that have been used to create this wooden themed site.  The contrast the designer has used between the header and footer, to the main content really helps to define the sections of the page. My favourite part of the site is his use of an embedded navigation bar within the content. It helps to bring the site together in terms of layout and design.</p>
<h2>Sheldon Farm Baskets</h2>
<p><a target="_blank" href="http://www.sheldonfarmbaskets.com/"><img src="/wub-files/images/blog/wooden/sheldon.jpg" alt="Sheldon Farm Baskets" /></a></p>
<p>This site is perfect for the type of goods that are being sold. Sheldon farm baskets manage to include various sized wicker baskets above their navigation bar and it really helps to give a country feel to the site. This site is able to showcase how to create a country home feel within a website and is usable for a wide range of audiences.</p>
<h2>WoodCase</h2>
<p><a target="_blank" href="http://woodcase.co.uk/"><img src="/wub-files/images/blog/wooden/woodcase.jpg" alt="WoodCase" /></a></p>
<p>I really like the way this site is designed. Following a similar style to the ewebbed site, it loads all the content on the front page and then uses a slider to move from section to section. The reason that this works well for this site is they’ve included navigation to other sections of the site on each separate section. This removes the need to have to scroll to the top of the page to move to another section. The site also has a well thought out layout that uses an earthy leaf filled background that looks great with their wooden headers.</p>
<h2>Try Triangle</h2>
<p><a target="_blank" href="http://www.trytriangle.it/"><img src="/wub-files/images/blog/wooden/trytriangle.jpg" alt="Try Triangle" /></a></p>
<p>Out of the sites written about in this article, this is probably in my opinion the most creative but it does have its limitations. The site is actually developed using flash so therefore if I weren’t to view the site on a pc, then there maybe complications. It does however, use a unique navigation system that includes a lot of interactivity for the user. </p>
<p>I hope you’ve enjoyed looking through some great examples of design work using wooden themes and textures. And please check out some of our other articles in our blog section.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/wooden-website-design-examples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Graphic Design Examples</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/graphic-design-examples/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/graphic-design-examples/#comments</comments>
		<pubDate>Wed, 22 Feb 2012 11:18:31 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=380</guid>
		<description><![CDATA[One of the great parts of being a website designer is being able to look for inspiration off such talented people. The standard of work and creativity shown by designers today when coupled with the latest browser support is sometimes &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/graphic-design-examples/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://wubbleyou.co.uk/blog/articles/graphic-design-examples/"><img class="alignnone" title="Graphic Design Examples" src="/wub-files/images/blog/graphic_design_examples/graphic_design_blog_main.jpg" alt="Graphic Design Examples" width="630" height="300" /></a></p>
<p>One of the great parts of being a <a href="http://www.wubbleyou.co.uk/" title="Website Designer">website designer</a> is being able to look for inspiration off such talented people. The standard of work and creativity shown by designers today when coupled with the latest browser support is sometimes quite breath taking.</p>
<p><span id="more-380"></span></p>
<p>One of the best resources for showcasing this talent is on sites like <a href="http://www.cssmania.com/" target="_blank">CSSMania</a> and I spent a short while going through some of my favourite sites that showcase amazing graphic design skills. Please take a few moments to have a click through each of them as the designers of each of the sites are a credit to their profession.</p>
<p></p>
<h2>MTGrafik</h2>
<p><a target="_blank" href="http://www.mtgrafik.com/"><img src="/wub-files/images/blog/graphic_design_examples/mt_grafik.jpg" alt="MTGrafik" /></a></p>
<p>We shall start off today’s examples by looking at a company called MT Grafik. They’re a Turkish media company that have created a character to be used throughout the site that bears a resemblance to Pinocchio. They have also created a roadway scene with the sea in the background just above the footer. The detail that goes into the design is second to none and its certainly one of the most creative sites I’ve ever visited.</p>
<h2>Inspiration Dormant</h2>
<p><a target="_blank" href="http://inspirationdormant.com/"><img src="/wub-files/images/blog/graphic_design_examples/inspiration_dormant.jpg" alt="Inspiration Dormant" /></a></p>
<p>Inspiration Dormant is a book that is available for the iPad, iPhone or iPod Touch. The site makes use of the images used to create the book and really showcases the design skills of the artist. </p>
<h2>OPResume</h2>
<p><a target="_blank" href="http://www.opresume.com/"><img src="/wub-files/images/blog/graphic_design_examples/opresume.jpg" alt="OPResume" /></a></p>
<p>OPResume is an online portfolio and resume website. The reason that this site is amongst my favourites is that it is developed using the latest JavaScript technologies available. This could have been developed in Adobe Flash but people are starting to create such inventive designs just using clever scripting taking away the need for the Adobe Flash Plugin. The level of detail at the bottom of the sea is quite unbelievable and this really does show that Flash maybe coming to the end of its reign for animating websites.</p>
<h2>ISee</h2>
<p><a target="_blank" href="http://www.isee.com.br/"><img src="/wub-files/images/blog/graphic_design_examples/isee.jpg" alt="ISee" /></a></p>
<p>ISee is a Portuguese <a href="http://www.wubbleyou.co.uk/" title="Web Design">web design</a> company that has created a three eyed monster that is used throughout the site.  One of the features that stands out on this site is the interactivity based on mouse movement. This is becoming quite a popular technique in web development to try engage the user with the site. </p>
<h2>Pixelbaecker</h2>
<p><a target="_blank" href="http://www.pixelbaecker.de/"><img src="/wub-files/images/blog/graphic_design_examples/pixelbacker.jpg" alt="Pixelbaecker" /></a></p>
<p>Pixelbaecker use quite a common idea in that they create one long page that can be navigated by the user. The “scroll to anchor” style feature makes the page easy to navigate without having to move around pages. I think that these sorts of websites are an acquired taste, and certainly not suitable for all projects, but with these inspirational graphics, it works perfect for portfolio style sites.</p>
<h2>Intacto10year</h2>
<p><a target="_blank" href="http://www.intacto10years.com/"><img src="/wub-files/images/blog/graphic_design_examples/intacto.jpg" alt="Intacto10year" /></a></p>
<p>Intacto10years is quite possibly the most intricate of the sites listed. It is almost a video presentation when you set the site on automatic, as it scrolls through the past 10 years. The amount of detail that has gone into the creation of the site and the ability to load that much information without the site appearing to lag behind is quite a testament to its creators.</p>
<h2>Chilid</h2>
<p><a target="_blank" href="http://chilid.pl/"><img src="/wub-files/images/blog/graphic_design_examples/chilid.jpg" alt="Chilid" /></a></p>
<p>Chilid is a Polish site that uses a whale as its main character to navigate you through the site. The whale is seen in many different outfits carrying out a range of activities but helps engage you with the site as you work your way around the site. The site is simple in its design but it is also easy to navigate which helps a broad range of users to find out information they need quickly so it definitely gets the thumbs up from us.</p>
<h2>Salveomamute</h2>
<p><a target="_blank" href="http://www.salveomamute.com.br/"><img src="/wub-files/images/blog/graphic_design_examples/salveo.jpg" alt="Salveomamute" /></a></p>
<p>Salveomamute is a site dedicated to saving the Mammoth. It includes a range of videos and interactivity that makes it a fun site to take a tour around. Although the site is written in Portuguese, the imagery and videos make it a great site to visit without being able to read some of the sections.</p>
<h2>Art4Web</h2>
<p><a target="_blank" href="http://www.art4web.sk/"><img src="/wub-files/images/blog/graphic_design_examples/art4web.jpg" alt="Art4Web" /></a></p>
<p>Art4Web is the unique site on this list. This is the only site that makes use of photos at the same time as including graphic design. The photo’s they’ve chosen to use have a cartoon feel to them and are really accompanied by shapes and objects all over the page. The page appears clean and I find the typography particularly well thought out to work with their images. </p>
<h2>Hello Studios</h2>
<p><a target="_blank" href="http://www.hellostudios.com.au/"><img src="/wub-files/images/blog/graphic_design_examples/hello_studios.jpg" alt="Hello Studios" /></a></p>
<p>Hello Studios is a digital studio based in Australia. They have created a few characters that are used to help you navigate throughout the site. They have also chosen to use a one page design with the “scroll to anchor” technique and it loads seamlessly. These types of website have been starting to increase over the last year or so and the ideas people are coming up with to utilise the technology will only get more creative.</p>
<p>Well I hope that some of these websites have given you a little bit of inspiration to go and try out some of these techniques. If you have any more sites that you’d like added to the list, feel free to leave a comment and I’ll add it to our list.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/graphic-design-examples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Purple Web Design 2012</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/purple-website-design-2012/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/purple-website-design-2012/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 18:10:46 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=373</guid>
		<description><![CDATA[Well it’s another Friday here at Wubbleyou, so I thought I’d take a few minutes to look back at a blog we did over a year ago now based on Purple Web Design. Back when we wrote the original blog, &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/purple-website-design-2012/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://wubbleyou.co.uk/blog/articles/purple-website-design-2012/"><img class="alignnone" title="Purple Web Design 2012" src="/wub-files/images/blog/purple2/purple_blog2.jpg" alt="Purple Web Design 2012" width="630" height="300" /></a></p>
<p>Well it’s another Friday here at Wubbleyou, so I thought I’d take a few minutes to look back at a blog we did over a year ago now based on Purple <a href="http://www.wubbleyou.co.uk/" title="Web Design">Web Design</a>. Back when we wrote the original blog, the colour purple was being used by quite a few companies to showcase their services and products. </p>
<p><span id="more-373"></span></p>
<p>Today I’ll take a look at some of the more recent designs to be created using a purple colour scheme. We find that it’s quite a common colour used for personal portfolios due to how well it contrasts with a white background. Here are a few examples to give you a bit of purple inspiration:</p>
<p></p>
<h2>Creative2Slice</h2>
<p><a target="_blank" href="http://creative2slice.com/"><img src="/wub-files/images/blog/purple2/creative2slice.jpg" alt="Creative 2 Slice" /></a></p>
<p>Creative 2 Slice is a company that takes Adobe Photoshop files and creates the coding required to make a website. It uses a wide range of purples and pinks that contrast to make a visually appealing website that is easy to read. They’re still developing the rest of the site but they have a strong theme developed that I’m sure they’ll follow through all of the pages.</p>
<h2>Codigo Digital</h2>
<p><a target="_blank" href="http://www.codigodigital.com.br/"><img src="/wub-files/images/blog/purple2/codigo.jpg" alt="Codigo" /></a></p>
<p>Codigo make use of radial gradients to contrast their variations of purple. This was quite popular during the launch of web 2.0 style sites and still looks great when used with the latest available tools and plugins. Make sure to check out their services page for an excellent example of how to make use of the “glowing box” technique.</p>
<h2>Radhe Associates</h2>
<p><a target="_blank" href="http://www.radheassociates.in/"><img src="/wub-files/images/blog/purple2/radhe.jpg" alt="Radhe" /></a></p>
<p>This company also makes use of adding gradients to the background of each page to make its content stand out. One reason that this site benefits from this style is the amount of content on each of the pages. By decreasing the amount of content on the page, the amount of white space at the bottom of the page is decreased so the content doesn’t appear lost. The site is simple to navigate and a great example of how to use purple effectively in a site.</p>
<h2>Bichomalvado</h2>
<p><a target="_blank" href="http://www.bichomalvado.com/"><img src="/wub-files/images/blog/purple2/bichomalvado.jpg" alt="Bichomalvado" /></a></p>
<p>This is one of our personal favourites from the list. Using the latest web-kit tools available for browsers, they are able to animate areas of the page without the use of Flash. It’s amazing the advancement in browser technology in the last few years and this site shows just how you can use new techniques to make a wonderfully creative site.</p>
<h2>Gone Freelancing</h2>
<p><a target="_blank" href="http://gonefreelancing.com/"><img src="/wub-files/images/blog/purple2/gone_freelancing.jpg" alt="Gone Freelancing" /></a></p>
<p>This site is an interesting site because at first glance you would probably assume that it is a site created for a mobile application. In fact it’s a freelance designer who is going to a different place of work to every Friday for a year in the UK and then recording his experience. The site is simple in its design but is eye catching and very well created.</p>
<h2>David Kopec</h2>
<p><a target="_blank" href="http://www.davidkopec.com/"><img src="/wub-files/images/blog/purple2/kopec.jpg" alt="Kopec" /></a></p>
<p>This is David Kopec’s photo studio. It follows one of the biggest trends of 2011 by using a large image as a background image for each of its pages. This site has been designed with an eye for detail and the sharp diagonal lines create a unique approach to a rotating banner. The site uses purple as a contrasting colour to the black and white background image and a contrasting white font for the text.</p>
<h2>Brice Lechatellier</h2>
<p><a target="_blank" href="http://brice.lechatellier.com/"><img src="/wub-files/images/blog/purple2/brice.jpg" alt="brice" /></a></p>
<p>This site is simple in its design but we appreciate the consideration that has been taken into the colours that are being used. The use of a dark purple gradient contrasting with dark teal doesn’t sound like it should work but it blends quite seamlessly.</p>
<h2>Alfred App</h2>
<p><a target="_blank" href="http://www.alfredapp.com/"><img src="/wub-files/images/blog/purple2/alfred.jpg" alt="alfred" /></a></p>
<p>Alfred App has been one of our favourite app sites for a while. Its striking colour scheme is uniquely distinctive and the design that’s gone into the site is superb. It’s helped inspire us for a few of our projects now and it’s great to see all these app sites being developed  as its pushing the boundaries for web 2.0 designs.</p>
<h2>Arun&#8217;sfolio</h2>
<p><a target="_blank" href="http://www.arunsfolio.com/"><img src="/wub-files/images/blog/purple2/arun.jpg" alt="arun" /></a></p>
<p>We’re a big fan of Arun’s portfolio due to its quirky nature from its animated welcome screen, to the huge envelope design on the contact section. The site is simple to navigate which isn’t always the case with one page websites.</p>
<h2>Alex Malukov</h2>
<p><a target="_blank" href="http://www.alexmalyukov.com/"><img src="/wub-files/images/blog/purple2/alex.jpg" alt="alex" /></a></p>
<p>This is perhaps my favourite site out of the selected purple websites. I’m a big fan of using patterns for backgrounds and this site manages to switch between 6 patterns for each of the sections without confusing the reader. The use of imaged arrows definitely shows the creativity that Alex.</p>
<p>Well that’s just a few of the excellent examples of purple websites that we have seen recently. Check back again soon as we rotate ourselves around the colour wheel and choose a new colour to showcase examples of.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/purple-website-design-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Simple Guide &#8211; Networking Events</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/a-simple-guide-networking-events/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/a-simple-guide-networking-events/#comments</comments>
		<pubDate>Tue, 14 Feb 2012 15:31:01 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=368</guid>
		<description><![CDATA[One of the biggest worries we found when starting Wubbleyou back in 2009, was how were we going to get ourselves known in such a competitive market sector? There are hundreds of web developers based In Newcastle Upon-Tyne so getting &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/a-simple-guide-networking-events/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.wubbleyou.co.uk/blog/articles/a-simple-guide-networking-events/"><img class="aligncenter size-full wp-image-310" title="A simple Guide - Networking Events" src="http://www.wubbleyou.co.uk/wub-files/images/blog/network_blog_img.jpg" alt="" width="630" height="300" /></a></p>
<p>One of the biggest worries we found when starting Wubbleyou back in 2009, was how were we going to get ourselves known in such a competitive market sector? There are hundreds of web developers based In Newcastle Upon-Tyne so getting noticed and building a good reputation is hard work.</p>
<p><span id="more-368"></span></p>
<p>It’s been a little while since I’ve written a blog so today I’ve put down the cup of hot chocolate, and hope to tell you a little bit about my experience with Networking Events.</p>
<p>Networking Events are seen by many just starting out in small business to be daunting and quite scary. It helps to have an outgoing personality but these events are specifically setup to make contacts within your area so don’t worry if you feel you’ll be a little out of your depth. The chances are everyone else is in the same boat as you.</p>
<p>What you tend to find is upon arrival at a networking event, you’ll start by looking around to see if there are any contacts that you may know prior to the event. It’s great to catch up with clients, colleagues and acquaintances at these types of events as they’re normally informal in their nature and provide a nice surrounding to discuss your latest work or life in general.</p>
<p>One of the easiest mistakes to make at a networking event is to spend all of your time talking to people you’ve met at previous events and miss the opportunity to meet new people and potentially new clients. Being in the web technologies sector, we’ve yet to be at an event where someone has had a question relating to the World Wide Web that we haven’t been able to assist them with.</p>
<p>The idea of these events is to expand your business network. Even if there is no one there that requires your services directly, they may know someone that does.</p>
<p>Here at Wubbleyou, we have a business card wall that contains all the contact details of each of the people we have met at events such as these. We love meeting a wide range of businesses based around the North-East and we always find ourselves keeping in touch with a few of the people we’ve met.</p>
<p>The best advice we could give is to go to these events with an open mind that a potential client or investor could be there and try to talk to as many businesses as possible. People don’t appreciate a hard sell style at these events as they’re meant to be an informal meeting place, so just be yourself, and don’t try and force your services on people. These events are setup to talk about your business, so you will get the get the chance to sell your services.</p>
<p>Location is quite important as well. If you are a local business that mainly trades with people in your local vicinity, it’s a good idea to target events in your area. There a wide range of events available, so don’t feel you have to travel 200 miles to an event if you don’t plan on carrying out business in that area.</p>
<p>A lot of our clients are based in the North-East and we like that we can meet for a quick catch-up once a month. This is why we only really attend networking events within the North-East region to see if we can offer support to try and drive trade for local companies.</p>
<p>That wraps up a little overview of my opinion of networking events. They’re great for meeting new people and connecting with like-minded business professionals so if you get the opportunity to go to a few, I’d certainly recommend it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/a-simple-guide-networking-events/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Content Writing Tips</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/website-content-writing-tips/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/website-content-writing-tips/#comments</comments>
		<pubDate>Wed, 28 Dec 2011 17:23:20 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=363</guid>
		<description><![CDATA[One of the biggest headaches for both a website designer and a client is the subject of content for a proposed website. The size of the site will tell you how much content is going to be needed but it’s &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/website-content-writing-tips/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.wubbleyou.co.uk/blog/articles/Website-Content-Writing-Tips/"><img class="aligncenter size-full wp-image-310" title="Website Content Writing Tips" src="http://www.wubbleyou.co.uk/wub-files/images/blog/content_writing.jpg" alt="" width="630" height="300" /></a></p>
<p>One of the biggest headaches for both a <a href="http://www.wubbleyou.co.uk/" title="Website Designer">website designer</a> and a client is the subject of content for a proposed website. The size of the site will tell you how much content is going to be needed but it’s always one of the most difficult areas to develop for a website.</p>
<p><span id="more-363"></span></p>
<p>At the start of a project, a client may not have prepared any pre-written content for any of the sections of the site and may just have an idea. This is where the role of a web designer plays an integral part.</p>
<p>What I will discuss today are a few quick and easy helper hints that will hopefully give any businesses thinking about setting up a website a starting point as to where to begin writing some website content.</p>
<p><strong>Most websites have a similar structure</strong></p>
<p>There are a few basic elements that are included on 95% of websites. These are displayed in a variety of ways but they are included if you look through any site on the web. What I’ve done for this blog is split these up into categories for their corresponding pages.</p>
<p><strong>Index / Homepage</strong></p>
<p>This is always the most important page of any website. It helps to give a first impression to a viewer what it is you do and what your site is about. When it comes to content for the homepage, it is important that this page is informative but doesn’t appear cluttered. It’s a common occurrence for a site to try and have as much information onto their homepage to tell the viewer as much information as possible. This isn’t necessary and we would advise when starting to write content for a homepage, to write a small summary about who you are, and then white a small section on what your site is about. A website is split into separate pages for a reason so that a viewer will be able to choose which content they want to read so keep it brief and to the point on the homepage.</p>
<p><strong>About Us</strong></p>
<p>It’s good to make a head start with the about us section when thinking about having a website created. This is your chance to tell a website viewer any information that you think they would want to know about you or your company. Some of the items you could include are meet the team, where you give a bit of information about the team you work with or a breakdown of the history of the company. People tend to trust companies that have been established for a prolonged period of time so if your company has some history, write a small section on it.</p>
<p><strong>Services / Products</strong></p>
<p>It’s important to break down your company if you sell a service or a product to the viewer. If you are planning on creating an <a href="http://www.wubbleyou.co.uk/services/e-commerce/" title="E-Commerce">e-commerce</a> shop, a good place to start is to think about the categories you want in the shop and maybe a little bit of information about each of the products you plan to sell. If you provide a service, it’s a good idea to think about each specific service you provide and then write a small piece of content relating to that service. This will help you and <a href="http://www.wubbleyou.co.uk/" title="Web Developer">web developer</a> know what type of information you want to include within the site and how much text content you plan on providing so they can design a page appropriately.</p>
<p><strong>Contact Us</strong></p>
<p>This is an easy section to prepare as these pages normally include items such as phone numbers, addresses and email addresses. It’s common these days to use a Google Map representation of a location of work if you are a business which helps them find you if you provide a service or to locate your shop. You can also include items such as opening and closing times which will help a viewer know when best to contact you.</p>
<p><strong>Terms and conditions &amp; Privacy</strong></p>
<p>These are items that are very important when having a website online, especially if it’s a trading website or product based service. We always recommend that these sections of a site are drafted up by professionals for example lawyers and solicitors. It’s probably not the first section of content you should consider when the site is being created but it is important to be considered at some point during the project.</p>
<p>These are the most commonly found sections on the web today, but there are of course many different ways of representing this information. There are also pages such as registration screens, catalogues and blogs that you’ll find on many websites today but these tend to be created once a framework has been developed.</p>
<p>Hopefully from these little break downs, it’ll help give you an idea of where to start when it comes to content writing. It doesn’t have to be a painful experience and if broken down into small, easy to manage chunks, it may even help you develop a better understanding of what you hope to get out of the site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/website-content-writing-tips/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Using Fonts On The Web</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/using-fonts-on-the-web/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/using-fonts-on-the-web/#comments</comments>
		<pubDate>Mon, 07 Nov 2011 16:58:29 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Articles]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=355</guid>
		<description><![CDATA[One of the most common questions I get asked as a website developer is “what font should I be using for my site?” There is no definitive answer to this question unfortunately but if you follow a few simple rules &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/using-fonts-on-the-web/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.wubbleyou.co.uk/blog/articles/Using-Fonts-On-The-Web/"><img class="aligncenter size-full wp-image-310" title="A Definitive Guide To Using Fonts On The Web" src="http://www.wubbleyou.co.uk/wub-files/images/blog/fonts_blog.jpg" alt="" width="630" height="300" /></a></p>
<p>One of the most common questions I get asked as a website developer is “what font should I be using for my site?” There is no definitive answer to this question unfortunately but if you follow a few simple rules and consider simple design conventions then you’ll hopefully be somewhere along the right lines.</p>
<p><span id="more-355"></span></p>
<p>I’ll first tell you a little bit of information about fonts in general. I’m sure most of you have heard of the terms “serif” and “sans-serif” fonts. </p>
<p>A “serif” type font includes little projections from each of its letters giving the text an old fashioned style. These fonts have been common practice for literature for several generations and “Times New Roman” seems to be the most well-known. This is a popular font that was used as a standard default font on Microsoft’s software packages for several years. </p>
<p>Example:</p>
<p><span style="font-family:Times New Roman; font-weight:bold; font-size:16px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ &#8211; The red fox ran over the brown hill</span></p>
<p>A “sans-serif” font is basically a font without the projections on each of its letters. The most well-known font of this type is “Arial”. This type of font is seen to be less formal than “serif” fonts but they can arguably be said to be easier to read on computer screens due to their curvy nature.</p>
<p>Example:</p>
<p><span style="font-family:Arial; font-weight:bold; font-size:16px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ &#8211; The red fox ran over the brown hill</span></p>
<p>One of the first considerations that has to be thought about when considering which font to use is “what type of site are you producing?” If the site is a being created for a corporate company or any kind of government agency, then the usual convention is to stick to a font such as “Arial”. This is chosen by many blue-chip companies due to its clean appearance and its readability in small sizes.</p>
<p>If for example, you were running a small business and wanted to use a slightly different font, some of the popular alternatives are:</p>
<p>Verdana &#8211; Example:</p>
<p><span style="font-family:Verdana; font-weight:bold; font-size:16px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ &#8211; The red fox ran over the brown hill</span></p>
<p>Tahoma &#8211; Example:</p>
<p><span style="font-family:Tahoma; font-weight:bold; font-size:16px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ &#8211; The red fox ran over the brown hill</span></p>
<p>Example &#8211; Georgia</p>
<p><span style="font-family:Georgia; font-weight:bold; font-size:16px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ &#8211; The red fox ran over the brown hill</span></p>
<p>Trebuchet MS &#8211; Example:</p>
<p><span style="font-family:Trebuchet MS; font-weight:bold; font-size:16px;">ABCDEFGHIJKLMNOPQRSTUVWXYZ &#8211; The red fox ran over the brown hill</span></p>
<p>One of the main considerations that has to be taken into account when choosing a font for use on the web is its compatibility with standalone computers. I would definitely recommend clients to avoid fonts that are not packaged with the main operating system as their main font. If the visitor to the website does not have the font, then a font-substitution will take place and could alter the layout of the site. In my experience, it’s not worth taking the risk and you are better off using one of the fonts suggested above. One way of including custom fonts is to save the heading that includes the custom font as an image and then including the image on the page. We wouldn’t recommend this to clients though as a search engine would not be able to read the text contained within the image and this isn’t the best for the <a href="http://www.wubbleyou.co.uk/services/seo/" title="Search Engine Optimisation">SEO</a> of the site.</p>
<p>Another key question that clients ask is “what is the standard font-size of a website?” This is another difficult question to answer as there is no correct answer. It is important to follow accessibility guidelines when creating websites to make it as easy as possible for the visitor to read information on your site. I’d recommend that the font used for the bulk of the main text on a site be between 10-14px. Anything below 10px is difficult to read in a bulk amount of text and not recommended. This size font can be used for items such as privacy policies in footers but these are items that should be included in sites but not the main focus of the site.</p>
<p>Hopefully this has given you a little bit of information for you to consider when choosing a font for your website. Fonts are fairly specific to the type of site you wish to create, and can help create a unique impression to visitors when they go to the site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/using-fonts-on-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 examples of smiling logos: perhaps a new smiling logo fad?</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/7-examples-of-smiling-logos-perhaps-a-new-smiling-logo-fad/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/7-examples-of-smiling-logos-perhaps-a-new-smiling-logo-fad/#comments</comments>
		<pubDate>Mon, 07 Nov 2011 14:41:32 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Corporate Branding]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[smiling logos]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=342</guid>
		<description><![CDATA[Logos with a semi hidden smile are something that is starting to get noticed and replicated in the corporate world, supposedly a symbol of consumer happiness and satisfaction.  Some see it as a new subtle way to convey a positive &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/7-examples-of-smiling-logos-perhaps-a-new-smiling-logo-fad/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.wubbleyou.co.uk/blog/articles/7-examples-of-smiling-logos-perhaps-a-new-smiling-logo-fad/"><img class="size-full wp-image-343 aligncenter" title="smile-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/smile-logo.png" alt="" width="500" height="150" /></a></p>
<p>Logos with a semi hidden smile are something that is starting to get noticed and replicated in the corporate world, supposedly a symbol of consumer happiness and satisfaction.  Some see it as a new subtle way to convey a positive experience to the consumer, others as being kicked back into the 70s when Nike came up with the ‘swoosh’ leading to it becoming heavily replicated.</p>
<p>Either way I believe there will be a gradual, yet heavy onslaught of smiling logos to come.<br />
<span id="more-342"></span></p>
<p>&nbsp;</p>
<p><strong><span style="text-decoration: underline;">Argos</span></strong></p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-350" title="argos-smiling-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/argos-smiling-logo.png" alt="" width="500" height="150" /></p>
<p>Argos rebranded early 2010 and went from the outdated swoosh, to the new positively appealing smile.  I do like the simplicity of their new logo and it does look more appealing and consumer friendly.</p>
<p><strong><span style="text-decoration: underline;">Volvic</span></strong></p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-346" title="volvic-smiling-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/volvic-smiling-logo.png" alt="" width="500" height="150" /></p>
<p>Volvic’s logo is debatable, it looks like it’s trying to be a smile but it could be a swoosh.</p>
<p><strong><span style="text-decoration: underline;">Pepsi</span></strong></p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-349" title="pepsi-smiling-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/pepsi-smiling-logo.png" alt="" width="300" height="127" /></p>
<p>Changes are if you gave someone of the street a pen and paper and asked them to draw the Pepsi logo, they’d draw the old one.  Personally I don’t like the new logo that much and I can see Pepsi ‘reverting back to their roots’ the next time they decide to rebrand.  It’s not your conventional smiling logo, but all the same a smile.</p>
<p><strong><span style="text-decoration: underline;">Bledina</span></strong></p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-348" title="bledina-smiling-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/bledina-smiling-logo.png" alt="" width="500" height="150" /></p>
<p>Bledina is a French firm that sells baby related food stuffs to the French public; I would assume mostly to those with children aged under 3.  This is target audience that requires the upmost confidence in your product, what is one of the ways to accomplish this? That’s right, you put a yellow smile in your logo!</p>
<p><strong><span style="text-decoration: underline;">Danone</span></strong></p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-347" title="danone-smiling-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/danone-smiling-logo.png" alt="" width="500" height="150" /></p>
<p>Danone is yet another company that upgraded their swoosh to a smile.  Admittedly it is a refreshing upgrade from their old boxy and swooshy logo.</p>
<p><strong><span style="text-decoration: underline;">Kraft</span></strong></p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-345" title="kraft-smiling-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/kraft-smiling-logo.png" alt="" width="500" height="150" /></p>
<p>Kraft is another company that decided to add a bit of happy to their logo.  They decided to remove their 90s font and hexagon and add a smile and what appears to be a flower.  That’s two happy pieces of imagery in one logo!</p>
<p><strong><span style="text-decoration: underline;">Thompson</span></strong></p>
<p>&nbsp;</p>
<p><a href="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/thompson-smiling-logo.png"><img class="aligncenter size-full wp-image-344" title="thompson-smiling-logo" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/11/thompson-smiling-logo.png" alt="" width="500" height="150" /></a></p>
<p>Thompson has for quite some time had the smile in their logo, distorting what appears to be a T and I’m guessing a representation of the sun.</p>
<p>&nbsp;</p>
<p>There seems to be a common theme with the smile, their target market is nearly always the average consumer, and some of those appear to be upgrading their swoosh to a smile.  My guess is is that this is just the beginning; prepare yourself for a smiling logo in every shop window in the near future!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/7-examples-of-smiling-logos-perhaps-a-new-smiling-logo-fad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How should an email confirmation for user registration account for spam filters</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/how-should-an-email-confirmation-for-user-registration-account-for-spam-filters/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/how-should-an-email-confirmation-for-user-registration-account-for-spam-filters/#comments</comments>
		<pubDate>Mon, 24 Oct 2011 13:24:39 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[Email marketing]]></category>
		<category><![CDATA[email registration]]></category>
		<category><![CDATA[spam filters]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=334</guid>
		<description><![CDATA[&#160; More and more people these days are signing up to online services and creating accounts on various websites on the web.  It’s something that is becoming increasingly easier to do with integration of account linking services such as Facebook, &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/how-should-an-email-confirmation-for-user-registration-account-for-spam-filters/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.wubbleyou.co.uk/blog/articles/how-should-an-email-confirmation-for-user-registration-account-for-spam-filters/"><img class="aligncenter size-full wp-image-336" title="Email Registration spam avoidance" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/10/email-pic.png" alt="Email Registration spam avoidance" width="630" height="300" /></a></p>
<p>More and more people these days are signing up to online services and creating accounts on various websites on the web.  It’s something that is becoming increasingly easier to do with integration of account linking services such as Facebook, Gmail and OpenID.</p>
<p><span id="more-334"></span></p>
<p>Registration emails tend to be your first offsite interaction with the user.  For this reason it’s best to do everything you can to ensure you positively capture their attention.</p>
<p><span style="text-decoration: underline;">Look and feel</span></p>
<p>Now it stands to reason that the best way to capture a user’s attention is with a pretty design and relevant content.  Most of the time this is achieved through an assortment of images within a predefined layout.  Something that is largely overlooked though, is how this will look when the email client automatically strips the images from the email.  Email clients do this as it can be used to track which emails have been opened, the email client is acting to protect the user’s privacy.  This can lead to a nasty looking layout filled with broken images.  If you are going to head down the road of an image heavy email layout, make sure the layout still has some sort of visual appeal and integrity if they don’t display.</p>
<p><span style="text-decoration: underline;">Content</span></p>
<p>Usually the primary goal of these registration emails is to confirm the user in question actually owns the email address given.  This is normally done through a link presented to the user in the email which they must click to confirm their account.  Again, these links can sometimes be disabled by the email client for the protection of the user.  For this reason it is recommended that a link is provided in hyperlink form for ease of use, and a link which can be copy/pasted into the web browser’s address bar.</p>
<p>One thing which some websites insist on doing is emailing you your password back to you in plain text.  Now in terms of security that is a big no no!  If the email account is compromised they malicious user could easily find one of the user’s passwords that they use on your website, and maybe many more.</p>
<p>Another reason why this is off putting for me is that it makes me wary of the websites other security principles.  If they are willing to send me an email containing my password how secure are their other procedures? Do they store my password in plain text?</p>
<p><span style="text-decoration: underline;">Wording</span></p>
<p>The best thing you can do is optimise your registration email so that it does not trigger any of the obvious spam filter settings.  The working of the subject and the content of the email can go a long way to ensuring you do or do not end up in the spam folder.</p>
<p>Lists such as <a href="http://www.wilsonweb.com/wmt8/spamfilter_phrases.htm">this</a> (to be used as a guide, I cannot vouch for its accuracy!) can give you a general idea of what to avoid.  Terms such as Viagra will pretty much guarantee you’ll end up in the spam folder, along with words such as Free, Offer or winner.</p>
<p>&nbsp;</p>
<p>So there you have it, a few things that can help you improve the overall look and feel of a registration email.  It’s safe to assume that most first time emails you send to a user will be marked as spam and/or will be in some way malformed to have the images stripped from it.  Don’t let it catch you out, make sure your emails are prepared!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/how-should-an-email-confirmation-for-user-registration-account-for-spam-filters/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How the power of social media can make or break your corporate image</title>
		<link>http://www.wubbleyou.co.uk/blog/articles/how-the-power-of-social-media-can-make-or-break-your-corporate-image/</link>
		<comments>http://www.wubbleyou.co.uk/blog/articles/how-the-power-of-social-media-can-make-or-break-your-corporate-image/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 14:07:01 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Corporate Branding]]></category>
		<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://www.wubbleyou.co.uk/blog/?p=329</guid>
		<description><![CDATA[Social media is becoming a big aspect of everyone’s life, more so for those in the business world.  Social media is paving the way for a new level of interaction between the general public and those who make a living &#8230; <a href="http://www.wubbleyou.co.uk/blog/articles/how-the-power-of-social-media-can-make-or-break-your-corporate-image/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/10/social-media-corporate-image.png"><br />
</a><a href="http://www.wubbleyou.co.uk/blog/articles/how-the-power-of-social-media-can-make-or-break-your-corporate-image/"><img class="aligncenter size-full wp-image-330" title="social-media-corporate-image" src="http://www.wubbleyou.co.uk/blog/wp-content/uploads/2011/10/social-media-corporate-image.png" alt="" width="630" height="300" /></a></p>
<p><a href="http://www.wubbleyou.co.uk/services/social-media-newcastle/" title="Social Media">Social media</a> is becoming a big aspect of everyone’s life, more so for those in the business world.  Social media is paving the way for a new level of interaction between the general public and those who make a living from selling to them.  It is radicalising the consumer’s ability to instantly cast a single corporation into the spotlight, be it through a creating a trend on twitter or a Facebook page designed to boycott or ridicule.  This usually happens when a service goes offline or a scandal is uncovered, but it can be equally caused by the release of a much anticipated product or an act which is seen by the wider public as amicable.</p>
<p><span id="more-329"></span></p>
<p>The effect caused by social media trends can sometimes be amplified by the press if enough hype is generated around it.  If a topic is being discussed heavily, a media outlet will usually pick up and report on it and use comments from the social media sites as a source of information for the article.  More and more within the press, quotes from members of social media sites such as Twitter and Facebook are being used within their articles to showcase the opinions of the general public.</p>
<p>A recent example of this effect would be that of the shopping centre which caused the police to detain a man for <a href="http://www.bbc.co.uk/news/uk-scotland-glasgow-west-15236758">photographing his own daughter</a>.  This whipped up a media storm surrounding the issue exacerbating it further, until finally the shopping centre conceded and removed its policy regarding the matter.</p>
<p>Another recent example is the current problems with <a href="http://www.bbc.co.uk/news/technology-15243892">Blackberry’s services crashing</a>.  This is also an issue first reported on Twitter and then picked up by the media outlets with many media outlets quoting twitter users in their reports, usually messages of frustration and ridicule directed towards Blackberry maker RIM.</p>
<p>Although it can be observed that trends from social networks sometimes translate into stories released by press outlets, it is much more likely to observe social networks discussing issues after a media outlet has reported on it.  The behaviour observed between the two is a mutually beneficial, almost symbiotic relationship.  Both can exist separately but it is advantageous for both to exist consecutively.</p>
<p>Despite the examples in this article mostly involving big corporations, the same principle still applies to small to medium sized businesses.  The general public is turning to social networking more and more to voice their opinion.  Having the ability to apologise or thank a user for their comment creates a personal connection, and in a situation where that user is frustrated it may alleviate their concerns.</p>
<p>All in all how the discussion begins does not matter, what does matter is creating the ability to interface with these social platforms which will allow a business to monopolise on these trends or limit the damage of a negative perception.  Creating a platform for the public to vent their anger can be hugely beneficial, especially when apologies are issued personally to users through these social platforms.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wubbleyou.co.uk/blog/articles/how-the-power-of-social-media-can-make-or-break-your-corporate-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

