Following on from our recent post about cloud computing, we want to explain how as an every day user of the internet based services, ‘the cloud’ can improve your productivity when working away from the traditional fixed office, which is increasing due to the current offerings of flexible web applications

If you can access the same files remotely (when away from your permanent office) no matter where you are is a relief. Even more so: access to those files and docs regardless of the device you’re using is possible too.

If you get a new computer, and already use cloud services for storing your image, documents, music files, or email, you will be surprised to find out that there are barely any files you’ll have to transfer.

Heres our selection of the best cloud based services:

• Online storage – Dropbox
• Email and documents – Google Apps
• Project Management – Basecamp
• Sharing photos online – Flickr
• Sharing thoughts online - Twitter
• Sharing bookmarks online – Delicious

What we used 6 months ago, are different to what I have recommended here. I’m looking forward to seeing what services we’re going to be using in the next few months!

The theme for this year’s event was all about getting content out to your customers and getting them to connect with you through the various networks your message can be on, like Twitter.

Attracting and keeping customers

• Attract – ‘what’s in it for me’ attitude to why people should visit your web site
• Engagement – search, copy, tools – creates awareness
• Motivate – the dance between the customer and owner, you can “entertain” your users by following these steps:
  • Popular – relevant content
  • Useful – an online tool to save them time and costs having to research elsewhere
  • Accessible – not hidden, integrated with other networks – feeds, etc
  • Social – interactive, changing daily, eg: reviews
• Commitment – show customer you care and you value your relationship with users
• Make any offers online easy to adopt and participate, make it distinctive so your site stands out

Social media increase

A recent Nielsen report in the last year alone, time spent on social networking sites has surged 73 percent.

More recently, stats show that Online video more popular than blogging and social networking

Brand new world

Andy Hobsbawm’s (Agency.com) Keynote

Be a verb not a noun – be about action rather than words. All about the ‘active principle’ at the centre,
eg: topshop at fashion week, podcasts, rss.

The way to multi task and handle information is the way brands will be managed in the future – easier to get info from social network – Twitter search. May become a superbrand, completely up for grabs. No right answer now.

Technology is the campfire around which we tell our stories. These social networks allow us to tell our stories.

Unless you have a great product someone could ruin your product using social media. eg expensive acai berries, or organic pomegranite. Don’t always aim for a narrow slice of the shelf, or share of market. Compared to Tesco who manage all of these exotic fruit and much more.

Micro brands, enough people that buy them might make a business, but no right answer at the moment.

Media industry based on old costing model. DVD region 2. Publishing on Internet is next to nothing compared to costs of producing and marketing a advert on TV. Television at the moment is just another screen to display content.

Communication is what makes the world go round, and the essence of social media.

Link building refers to process building up a number of good quality and relevant links to a web site.

Why is link building important?

By getting carefully targeted traffic from related sites can lead to a natural, long-term increase in page impressions, with this comes increased conversions – where users either make a purchase or making contact with the company through the web site.

The result being increased awareness, visibility and credibility of your site. As well as link popularity and PageRank.

Extra links pointing to your site also obtains wider search engine exposure and helps the website get indexed by search engines.

Link building along with on site optimisation are the two factors which are vital to a
successful SEO campaign.

Tools for measuring the back links to your site

You will want to know how well your link building campaign is going, and how many links have been successful that you have submitted to other sites, and if your content is great other people would have blogged or posted links to your site as well.

With the tools below you can measure and adapt your link building campaign to work more successfully for you. Especially if you are paying for directory listings, you may find the low traffic you are getting from one site may be a complete waste of money.

• Google Analytics
• Google Link Operator – Where you type “link: www.yourwebsitename.com” to find out the number of links Google has found that are pointing to your site
• Yahoo Site Explorer Similar to Google Operator search, uses Yahoo’s cache instead – more comprehensive

Link building principles

• More inbound links (backlinks) to a page will increase your PageRank
• Link quality is important – one link from a high quality website may be better than 100 links from low quality ones
• Sites with on-page optimisation for a particular keyphrase are favoured by SEs

Use only ‘ethical’ search engine methods

When choosing a company to link building services make sure they use ethical techniques. As any ‘black hat’ or devious methods could violate Google’s Guidelines, Yahoo Guidelines or MSN’s Guidelines for search engine optimisation practices.

Link building Mind Map

The map below shows the methods you can use to build links to your site, as well as measure the success of them.

Instructions: Click and drag the map like a Google Map. You can expand or collapse the ‘nodes’ by clicking on the + or -, and also zoom in or out with the buttons at the bottom of the map.

Learn about our website promotion services.

Download this information a client eguide.

We are pleased to announce our latest project that we have worked on with East Hampshire District Council (EHDC).

INTRODUCTION
easthampshire.org is a community site which features daily news updates and an extensive event listings of what’s happening in and around the the East Hampshire Area. Also interactive maps, and information on towns and villages in East Hampshire.

This is not the main portal site for EHDC as you may think, but a companion/sister site that has features that are useful for anyone wanting to learn more about the East Hampshire area.

You don’t have to live in East Hampshire to be able to appreciate that in a traditionally rural area so much is happening. Furthermore, you don’t have to register to enjoy the wealth of information constantly being added to the site, however, to get the customisable and personalised features that the site offers you can register for free.

COMMUNITY BASED SITE
EHDC want the site to be a hub for community information with free pages for groups, customisable profiles, and links to other local websites.

As you can visit the site and learn about the area, also the people that feature on the site. We hope it wil draw people closer together in this rural county. It features content generated by members on the site, as well as featuring social networking features such as member profiles, being able to comment on various sections of the site. As the site grows from visitors generating content as well as the EHDC team publishing content, it means that for the first time a two way dialogue on-line can be created on a local government site.

Visitors to the site can learn from a number of interesting sections on the site – news, events, towns and villages, and local groups. You can pinpoint the news for example down to street level – using geo-coding and Google maps on the interactive map, something that has not been done at this level before by a council run site.

All visitor’s to the site have the opportunity to submit their own news or event item, which is moderated by the EHDC team and then published on the site. As a group admin, a club secretary for a local club or group – for example, the Greatham Gardeners club group, they can add events automatically to the site, using a form that sends their details directly to Yahoo Upcoming. This information is then pulled back into the site, and featured on their group page. Allowing all visitors to learn about the group, and possibly attend the event.

As part of this ‘add event’ feature the person entering details into the form can geo-code the event, as well as ‘tag’ the event – meaning the event is shown on various parts of the site at the same time, as well as being featured on upcoming’s service.

For example view the event for “Plants and Gardens of the Italian Lakes at Greatham Village Hall” on easthampshire.org, listing detail, map detail and the same listing on upcoming.

SOCIAL FEATURES
The site is quite innovative in the way it uses already existing web services to do the work for us. Why create something that is already working and proven? We have integrated social elements in the site using the API’s of Yahoo’s upcoming, del.ico.us, and Google Maps. We also have geo-coded events and news items, so users can get driving directions for events, for example. And also find out where exactly that news item is referring to.

The events all feature hcalendar using microformats. With the correct coding we have structured the event listing so that that search engines and other aggregators can retrieve such events, automatically convert them to iCalendar, and use them in any iCalendar application or service, such Google calendar.

Although not a social feature, we have added OpenID to the site, so users don’t have to remember their username and password. With OpenID, it means that users can log on to different web sites using a single digital identity, single sign-on. This relates to data portability and means that you don’t have to remember all those different passwords for each website account.

CUSTOMISABLE FEATURES
The main aim is to let people be creative and pull their information from various sources on this site, as well as external sites.

By choosing which town or village you are interested about during registration, boxes featuring events and news based on your choice will automatically appear on your homepage.

There is a ‘netvibes’ style homepage where you can move the boxes around the page depending on your preference. You can also choose which boxes appear. As well as having your delicious bookmarks on your easthampshire homepage.

The RSS page means users can be updated by using their RSS reader on new details on any town or village in East Hampshire.

WHAT’S NEXT?
We’d love to hear your feedback either on here, or directly on the site. Is this the future for council sites that are embracing current and future web technologies?

We hope this will attract some attention from other community sites, and set new standards in how councils can communicate with member of the public.

The site is still in beta and we have more interesting features planned for the site planned, early 2009. Watch this space!

For more information checkout easthampshire.org’s brochure:

From our recent partnership with Pure360 on email marketing, I was asked to expand on my notes from the class. So here they are.

Whether you like it or not, HTML email marketing campaigns are a core requirement for any successful email marketing program.

An email campaign can boost a companies revenue by millions of pounds, for example over this Christmas period how many do you think you will receive from your favourite brands – electronics, music, etc?

Email marketing is a cheap and successful online marketing method. Cheap in relation to posting out printed flyers to every recipient. And successful by being able to measure the success of every email campaign, tracking every open time and read time for each email. HTML emails done correctly, offer a better conversion rate, and people choose HTML over plain text format more often.

So, here’s a list to help all email marketers and designers create the perfect email, and make sure it appears as you intended on your customers computers. If you feel I’ve missed any important ones, feel free to leave a comment.

Make no mistake, HTML email design and development is a complete minefield. There are very few rules that you can rely upon across all mail clients. Let’s do this:

1. USE INLINE CSS + TABLES
External and internal style sheets are ignored by a number of email clients. Back to the old school with tables too. Yes, it means going back to 1999 coding, and does make the code heavy, but it means you can guarantee locking down the styles to be correct in the ‘majority’ of email clients.

2. EMAIL TEMPLATES
Unless you have extensive personal experience to draw on,
you’re most likely going to want start with a template that gets most of the fundamentals right. Save yourself some time, get some inspiration and free templates here:

• carbon graffiti
• campaign monitor gallery

3. USE ABSOLUTE DIMENSIONS
In pixels for all measurements. For example, give images and tables exact pixel dimensions – so the browser knows exactly how to display it. Email clients are not as forgiving as web browsers.

4. THE DESIGN
The width of the email design to be no more than 600 pixels wide, so the full width of the email can be seen in the view port in email preview mode.

5. ACCESSIBILITY
Make sure it is readable, with images turned off does the email make sense? By default images are not displayed in most email clients (unless you have added the address to your contacts), also not creating the best look for your company.

Image of email in web-mail client (Gmail) – notice that the email doesn’t make much sense with the images turned off? This can be improved by adding copy to the ALT attribute in the html code:

• Use Alt attributes
• Use anchor link as well to take people to important subheadings in your email
• Last resort – have a prominent link to your web version of the same email

6. FANTASTIC COPYWRITING
Attention grabbing headlines that will make users want to read more and click through. The attention grabbing information should be already visible in the viewport area when the email loads, very few people will scroll – like on web pages unless they like the information, drawing them down the page.

Image of email in web-mail client (Thunderbird) – notice that even with the images turned off the email still reads well, with the headline drawing you into the main content of the email. Simple design, yet to the point and easy to read, effective.

7. CSS SUPPORT IN EMAIL CLIENTS
Enter The email standards project.

These guys have taken the email design issue by the scruff of the neck and are actually getting Yahoo, Gmail, Outlook to take notice of the need for Email standards compliance.

Currently we grade the email clients in the following way:

The Angel’s Choir:

Strong and generally reliable HTML rendering capabilities – Thunderbird, AppleMail, and Opera Mail
You can essentially treat these mail clients as if they are normal, modern browsers.

The Muddlers:

This group includes the majority of the remaining mail clients and includes Outlook 2003, Outlook Express, and Yahoo Mail.

While you’ll probably encounter some variability in their renderings — often in text size and margins/padding – the Muddlers will generally honour your page layout.

The Legion of Doom:

Each uses their own unique but evil super-powers to subvert and destroy your HTML
Outlook 2007, Gmail, Lotus notes – rewrite CSS, padding/margins, no positioning support, removes backgrounds.

8. TESTING
Use litmusapp.com which sends back how your email looks on the following email clients:

Web-based email clients

* AOL Web
* Comcast
* Earthlink
* Gmail
* Mail.com
* MSN Hotmail
* Windows Live Hotmail
* Yahoo! Classic
* Yahoo! Mail

Desktop email clients

* AOL 9
* Lotus Notes 6.5.4
* Outlook 2003
* Outlook 2007
* Outlook Express 6
* Outlook XP
* Thunderbird
* Windows Mail (actually, what is that?)

Mobile email clients

* Blackberry
* Windows Mobile 5
* Windows Mobile 6

9 . THE FUTURE
At various sites there are thousands of new subscribers to html newsletters every single month. And those subscribers still always choose HTML over plain text at a rate of 15-20 to 1. In short, while we might not like it, your clients probably prefer HTML email, and so does their audience.

10. STICK WITH IT
Use the templates, HTML formats are here to stay so remember to keep it simple as possible, and test early and often.

Need our help? We offer web design and development services that will take the stress away from your email marketing campaign. Contact us to find out how we can help you.

Our redesign has made it onto Designm.ag titled 101 awesome portfolio sites. Alongside some world renowned web agencies and individuals: Happycog, Jason Santa-Maria, and Dan Cederholm’s Simplebits.

Disclaimer: This is someones individual opinion into current design on a variety of portfolio sites. We have not paid to be included!

However, we hope we have made it on because the copy is as eyecatching as the interface design. We are firm believers that if there is nothing to keep the visitor on your pages, then the site has failed, even though the design may have orginally caught their attention.

To keep the meme rolling, here’s 40 sites you should visit. Inspirational and Beautiful indeed!