Excited about client work

I don’t talk much about the client work we produce at Headscape, but I am really excited about our latest site and so wanted to share a few thoughts about it with you.

We won the work at least partly due to the boagworld podcast, which in itself is an encouraging start. It proves that guerilla marketing really works and also, clients we win via the podcast tend to be more switch on to the web and our way of working.

The job was to redesign the Visit Thames website from the ground up. New content management system, IA, content, design… everything. It was a big job and a very tight timescale. In fact the deadline was so tight that we initially turns the project down. This is something that we have often talked about doing on the podcast but is hard to do in real life. However, our strategy of not committing ourselves to the impossible proved correct and the client agreed to move the deadline back just enough to get us onboard.
Despite the new deadline this has always been a very tight project and there is still a lot still to do on the site. However, the initial version is a massive improvement on the old site and I wanted to tell you about a few of the cool things we have done.

AJAX goodness

One thing I like about this site is that it uses AJAX and JavaScript but doesn’t rely too heavily on it. The client side code enhances the user experience rather than being an integral part. You can give feedback or send to a friend without leaving the page you were visiting. You can add items to your itinerary without reloading. You can get ideas for trips without jumping from page to page. In short the site implements the principles of progressive enhancement and HIJAX.

Kick ass content management

There are also loads of content management facilities that unfortunately we cannot show you. We have made significant modifications to our in-house content management code base allowing site administrators to do all kinds of cool stuff. Functionality includes:

  • Permission and workflows
  • Geocoding points of interest using Google Maps (like Google My Map)
  • Building up pages from a huge number of modular elements
  • Building and managing your own forms
  • Comprehensive reports on all site forms
  • Personalized dashboard
  • Powerful image library allowing basic image editing
  • The ability to create your own domain shortcuts to specific pages
  • Content expiry alerts

The list goes on and on. All of this is built on .net, which may not be the trendiest language in the world but certainly proved hugely powerful and flexible for our requirements. Another nice technical aspect is the fact that the majority of data is stored as XML rather than in a rigid database table. This allows huge flexibility in the management and organization of data.

Google Maps on steroids

One of the primary functions of the new site was the ability for users to find points of interest, which they may wish to visit when spending a day on the Thames. In total the client had 15000 points of interest that he wanted to give users access to. Not only did the user need to know basic information on these points, he also needed to know geographically where they were. The obvious conclusion was to plot them on Google maps.

Of course the biggest problem with Google maps is that it isn’t very accessible. We therefore also wanted to show the points as a list in addition to plotting them on a map. Our other concern was that it became obvious very quickly that even plotting a fraction of 15000 points was going to create serious performance problems.

Using a big blob of AJAX goodness we managed to overcome both of these problems. Basically, each time the map loads we grab the boundaries of the map and call back to the server, only loading in points that appear within those boundaries. Every time you drag the map it calls back and gets a new set of points. Users that don’t have JavaScript enabled can still use a traditional search option to return points based on postcode or place name. Try it for yourself and see what I mean.

Now, the system isn’t perfect. There is a delay each time you drag (although to be honest most of the time is spent calling back to Google) and we have had to limit the zoom level to stop too many points being called back. However, we are working on ways to improve this and it is still a pretty unique solution.

Task focused functionality

Right from the outset we wanted to focus on the primary goal of most visitors to the site, which was to discover places to visit. If you are spending a long weekend on the Thames for example you might want to find:

  • Somewhere to stay
  • Places to visit
  • Some nice places to eat out

It quickly became apparent that what users needed to do was build an itinerary of points of interest. What is more they needed to print those out in a nicely formatted way including a map to show where those points are.

By concentrating on this primary objective the site has a nicely focused feel, making it much easier to use.

Microformats to boot

Okay, so the code isn’t the cleanest we have ever produced but making the design fluid and scalable with font resizing proved tricky in places. However, all of the points of interest are marked up as Microformats which will allow us to do some cool stuff in future such as downloading them as vcards or integrating them with other systems.

The future

Of course like any site that you produce, all we can see are the bugs and problems. However, I am excited about this site because it has some really cool features and we have a client who is planning for the future. We have some great new things coming soon, which should improve the user experience even further. Oh yes, and it has Poirot sharing his passion for the Thames. Nice.

Show 72: Neverending Beta

On this week’s show: web stats meet usability testing, Apollo and why it is important, working with corporate colour palettes and how to sell your web design services.

Play

Download this show.

To subscribe directly within itunes click here

News and events

This week appears to be the week of never-ending betas however I have managed to squeeze in some pointless fun and an article about accessible content management systems:

Click2Map

There seems to be a growing number of tools out there that make the management of Google Maps easier. One that I have just discovered this week is Click2Map. You can easily and quickly add custom markers by entering an address (even if you are outside of the US). It is still in beta and needs a lot of work (for example you cannot integrate the maps directly into your site) but it is still great for a quick and easy way of linking to locations.

Popuri.us

Another “beta” service I spotted this week is Popuri.us. This site provides SEO reports on your site including rankings on Google, Yahoo, Alexa, Delicious and Technorati. Currently it seems to be suffering from some performance issues; nevertheless it gives a good indication of your online visibility. Of course if you are a Firefox user you may find the SEO add-on more convenient.

Finding an accessible CMS

One of the biggest complaints against content management systems is that they are often not very accessible. Gez Lemon has been kind enough to do an analysis of a whole bunch of them for us and provides a great article on the pros and cons of each from an accessibility point of view. If you are considering implementing a CMS and care about accessibility (which you should do) then check this out.

Arial vs Helvetica

So you think you know your typefaces? Maybe you are even a bit of a typography snob? But, can you tell the difference between Arial and Helvetica? Of course you can, at least that was what I thought until I actually tried.

Selling your web design services

So this week’s client corner is seriously lacking advice for clients (sorry about that). Instead Marcus takes a look at the subject of selling your web design services. Surprisingly for Marcus, he has written fairly comprehensive notes on what we covered so here you go…
You may build the best websites in the world but if you do not know how to sell your services then nobody will hire you. Web design, like nearly everything, is a competitive marketplace and simply being a good designer/developer is not enough. You also need a sales and marketing hat.
That said, it does seem that there is more work out there than agencies to do it.

Cold call?

Don’t buy databases of ‘quality’ contacts in a particular sector. I may be cynical but I reckon the vast majority of these ‘leads’ were tricked into supplying their details. You’re trying to sell solutions to your potential clients’ online problems not pallets of dog food. I my experience, cold calling is a waste of time and effort – the only way you’ll win work is if you’re lucky enough to call someone when they’re about to release a tender.
The only exception to this rule are local businesses where picking up the phone and saying ‘hi, we’re just over the road from you and we’re really good at what we do. If you ever need the services that we provide please do include us in any suppler selection process you intend to go through’. If they’re friendly why not meet up for a beer (see Love Your Clients)…

Focus on a specific market sector

If your only case study is a sewage works site then go after other sewage works sites first. This is common sense: you have a proven ability to produce a website with probably very similar features to the one the other sewage site wants. You have a real, live working example to show them and a client who will (hopefully) say nice things about you.

Tender sites

I get asked about these a lot. They are (I think) better than straight cold calling but not much. Golden rule – don’t do any speculative design work as some may be a scam. I think most of these are simply there because a lot of tenders are required to be competitive but the client already has a preferred agency.  I have generated a ‘nose’ for when we are making up numbers so, if you get that feeling, be brave, walk away…
Of course, try to talk (and I mean talk not email) to the client. Be bold, ask questions about how many others are going for the project, what is the budget (we need to know to be able to provide the most appropriate solution), are the deadlines set in stone etc etc etc… If you’re getting negative feelings… guess what… walk away…
If you do decide to go for something off one of these sites, I recommend the following as a response:

  1. boiler plate ‘Why Us’. You should already have this in another proposal. Up to 10 pages of skills, experience, examples of design work and above all USP.
  2. No more than 2 sides of A4 of ‘your solution’ i.e. a summary.
  3. Tasks by task breakdown of price (inc. payment terms with at least a third up front (‘on delivery’ if you’re really worried about the client!)

The trick here is to start at the bottom. Do the task breakdown first (it may put you way over budget if you know it – if so, walk away) which will lead to an obvious solution summary then tack the ‘aren’t we great’ on the front.
The idea is to put as little effort in as possible without making it look that way.
Much better idea to…

Market, market, market!

There are so many ways to market yourself. For example, you can drive round your local neighbourhood shouting through a loud hailer if you like! Headscape’s marketing effort is focussed virtually solely on Boagworld now. The point is, try to find something that you can do that you feel passionate about and will get people either ringing you directly or, just as good, recommending you to others.

Know when to walk away

It is the hardest thing in the world to do, but it is important that you know when to turn down work. There are times when the clients requirements are unrealistic or the job is simply too big. On other occasions, the chance of winning a job does not justify the investment involved in pitching for it. There is a natural tendency to want to run after every piece of work, but sometimes you just have to say no.
I got the impression listening at SXSW that the agencies I most admire (e.g. Happy Cog) simply wait around for projects that they are interested in and the clients should be damn grateful! Or maybe that was the impression that Mr Z wanted to convey.

Ask an expert: Aral on Apollo

Aral Balkan is one of my favourite speakers and this week in the “ask an expert” section he puts his enthusiasm and humour into an insightful introduction of Apollo. Apollo is a new development platform from Adobe that allows web designers to start developing desktop applications.

Working with corporate colours

This week’s agony uncle question is based on something I found in the boagworld forum. Pecko asked whether we should use Photoshop to convert corporate colours for the web or whether we should do it by hand. A lot of the people on the forum argued that you should allow Photoshop to take the strain but in the show I argue that we should do it by hand. My argument was based on something I had read before and yet I couldn’t for the life of me remember where I had read it. I eventually found it was from a brilliant article by Jason Santa Maria on 24 Ways. I hope he will forgive me for not crediting him on the show.

Review: ClickTale

I was recently asked to beta test ClickTale, a new statistics-tracking tool. Not only does it provide you with all of the basic web stats you would expect, it also allows you to watch recordings of how users interact with your site. You can see their cursor move around the screen, watch them scroll and even move between pages. The product is currently in closed beta but it is definitely worth keeping an eye on because it is extremely powerful and acts as a passable alternative when usability testing is just not an option.

Show 66: Beyond HTML

We have a bit of an audio and video theme to this week’s show with Ian Forrester talking about online video and Paul sharing some advice on creating a podcast. Marcus also continues his series on client contracts by looking at “the statement of work”.

Play

Download this show

To subscribe directly within itunes click here

News and events

Mobile internet usage increasing

This week the BBC has reported that 15.9 million handsets in the UK accessed the web in December. This is an increase on over a million on the previous month. This further underlines the fact that the mobile web is going to be the big growth area in 2007.

Headscape recruiting

Headscape is expanding yet again. We are currently looking to recruit a .net developer and an experienced css/xhtml coder. If you are interested in either position send an email to [email protected].

Great British Booze Up

If you are attending SXSW this year then come along to the Great British Booze Up. ClearLeft, Boagworld and @Media 2007 are taking over a “British themed pub” (yeah right!) to bring you an evening of traditional British entertainment.

Enhance your page performance

There are two new articles on the Think Vitamin website this week. Unfortunately Chris Heilmann’s Article is far more interesting than my own. He looks at the issue of page performance, outlining some of the common problems and how to address them. He also has an interesting discussion on page performance verses best practice.

Some handy flash tips

Robert Nyman has obviously been struggling with Flash recently as he has posted two very useful tips on dealing with that pesky plugin ;) He shows you how to embed flash without invalidating your code as well as how to place an HTML element on top of a flash movie.

Client corner: The statement of work

This week Marcus takes a look at the statement of work, which is the cornerstone of the contract between client and developer. In particular he focuses on the various stages of the development cycle and what information needs to be covered in the contract. Elements covered include:

  • Kick off meetings – Who will attend, what documentation will be produced?
  • Information Architecture – Will there be expert reviews, stakeholder interviews or card sorting? What documentation will be provided, who will do the recruiting? What about wireframe testing?
  • Design concepts – How many concepts will be produced? How many different pages will be demonstrated? What happens if the client doesn’t like the design?
  •  Template development – What types of pages will need designing and building? What additional style sheets are going to be produced (print, mobile, low vision)? Will the client sign off each template?

Ask the Expert: Ian Forrester on video formats

Ian Forrester from BBC backstage and the Geek Dinners joins us to talk about online video. He talks through the different formats available (quicktime, real player, windows media and flash) as well as the different delivery mechanisms (steaming, download and progressive download).

Producing a podcast

Probably the most common question I get asked is how I go about producing Boagworld. That is why in this week’s show we combine the review and agony uncle sections to talk about the whole area of podcasting.

I share some thoughts on creating the right format as well as reviewing a range of podcasting tools including:

Podcast 60: Return on investment

This week on the boagworld podcast we look at why return on investment should be at the heart of our approach to website development.

Play

I know what you’re thinking; “not the most riveting subject”. However, don’t let that put you off. Although return on investment might not float your boat, it is still extremely important and you should take the time to listen to this show.

Download this show.

To subscribe directly within itunes click here

This week’s show is largely based around elements of my keynote at this year’s Refresh conference. We discuss how the web design community fails to engage with its clients on a business level spending too much time talking about code and design. I challenge us as a community to start talking the language of business and focus our intention on return on investment.

In particular we cover:

  • What is return on investment?
  • Defining how ROI will be measured.
  • The short term and long term aspects of ROI.
  • How to maximise your returns.
  • The need to look for the simplest solution with the highest return.

In the news…

We have loads of news in this week’s show including:

Also in the show…

Marcus gets out the guitar (if only briefly), and we talk about how you can contribute to next week’s Christmas special. We look at what unobtrusive Javascript is and give some practical examples. Finally we investigate some of the latest postings on the forum including a debate about presenting designs to clients and a discussion about how developers try and blind clients with technobabble.

Podcast 43: The business of web design

In this week’s show, we cover: running a web design agency, what employers look for when hiring a web designer, the best stats package in the world, should we stop testing in IE 5, and running multiple versions of IE on a single PC.

Play

Download this show.

To subscribe directly within itunes click here

Help us out. Complete our podcast survey

User questions: Running a web design company

This week’s show is a little different. We answer a series of questions from listeners about running a web design company. Questions include:

  • How do you go about pricing projects and in your experience what hidden costs are there?
  • How do you bill projects? Do you use payment points? Do you have different rates for different people? Do you charge by the day or by the hour?
  • What skills does a freelancer need beyond the basic CSS, HTML and graphical skills?
  • How do you assess potential web designers when hiring?
  • How do you manage a company that primarily works from home offices?
  • What is your number one tip for running a successful web design company?

In the news

There are some interesting news stories in this week’s show:

ClickTales

This week sees the launch of a new online stats tool. Nothing particularly newsworthy about that I hear you cry. Well actually there is. ClickTales has an awesome set of new tools including the ability to view flash movies of your user sessions.

Visit the ClickTales site

Read the techcrunch review of the service

Gerry McGovern speaks out

This week sees the posting of an excellent article by usability guru, Gerry McGovern. Gerry gives a gentle reminder to all designers not to forget the basics of web design in our rush to implement the latest cool piece of technology.

Read Gerry’s Article

Read my response to his comments

The end of support for Windows 98

Microsoft has finally decided to stop supporting windows 98. On the show, we discuss the ramifications of this for web designers. Is now the time for us to stop, by default, testing in IE 5?

IE 7 Beta 3

It looks like the third beta of IE 7 is facing some problems. Users have been reporting a plethora of bugs including problems with installation and slow performance. Could this spell a delay in launch?

Review

In this week’s show, we look at your options for testing in multiple version of IE on the same PC. In particular, we focus in on running free virtual machines either using VMware or Microsoft Virtual PC.

For more, view my post; Why IE doesn’t play nicely.

Download any version of IE (or indeed any other browser) from Evolt.

Also in the show…

Paul talks about the need to develop in compliant browsers first. Marcus shares his thoughts on presenting your proposals and we both discuss the new look and feel for boagworld.

Links I love

A quick post to let you know there is a new boagworld.com web feed (RSS feed) to which you can subscribe.

You may have noticed that the "stuff I have found interesting" links at the bottom of the boagworld.com homepage have changed. Previously these links came from my "dug" stories on the social news site www.digg.com. Unfortunately, I have noticed significant performance problems with this feed and I was getting frustrated at not being able to add my own comments to links I "dug".

The new web feed (RSS feed) is now a hand picked list of cool sites and resources I have found online along with my comments on these sites.

Click here to subscribe to the boagworld "sites of interest" feed.

Thanks to those nice people at FeedBlitz, those of you who I have failed to persuade to start using web feeds can subscribe via email below:

Google Adwords change

As from the 2nd of August, Google will be changing the way Adwords work so if you run a Google Adwords campaign then now is the time to read up on the changes.

I am no emarketing expert but from what I have read Google are making two significant changes. These changes are to the keyword status and its ranking algorithm.

In this entry, I want to focus on changes to the keyword status as the ranking algorithm is largely beyond your control to change because Google will not reveal the details of how it works.

Simplified status system

Currently any keyword phrase in your ad campaigns can have one of four statuses: On hold, in trail, normal, and disabled. This system is going to be simplified to a keyword phrase being either active or inactive. Gone are trial periods and disabling keywords for failing to meet the minimum click through rate.

A minimum bid value

Everything is now based on a minimum bid value per keyword. If your keyword meets the minimum value, it is active, while if it falls below this value it becomes inactive. How this value is calculated is far from clear but appears to be based on a range of factors including but not limited to the previous performance of that keyword across all advertisers and throughout the Adwords network.

How this affects advertisers

Unsurprisingly these changes are partly designed to encourage advertisers to spend more. For example if you have lots of keywords on-hold or in-trail they will now suddenly become active (as long as you meet the minimum bid value) and so you will find yourself spending more for these extra keywords. You will also need to watch out because if your competitors are in the same position you may find that competition for some keywords becomes fiercer as their on-hold/on-trial are activated.

What action to take

From what I have read, the one thing advertisers definitely need to do is look again at their disabled keywords. Consider whether these keywords belong in your campaign. If they do, then reactive them, once you have associated them with the right ad group.

Further reading on this subject