Category: site-launch

Coolspotters. Where people and products meet

Coolspotters: Where people and products meetLast year, Mike D introduced me to a friend of his who had just started work on an exciting new project. Coolspotters, the first major project from Fanzter was built on the back of a simple concept: combine products and people and let the users create the connections.

Social Shopping

Of course, the idea of social shopping isn’t a new one. Just look at Amazon for example. The majority of my purchasing decisions on Amazon are based upon the reviews and recommendations of those products. But, Coolspotters does something new. It places the products in context to their useage with celebrities. For many aspirational brands, it’s this that defines them. Not the product itself, but who it’s being bought by, and who’s using it.


p> Coolspotters final UI

The Coolspotters launch UI. The revision includes a lot of work subsequently done by Fanzter based on our initial design concepts.

More than just another social app

The interesting potential for Coolspotters is that it becomes a repository for those transitory trends of fashion. So, in time, you could look back and see who were the early celebrity adopters of the iPhone, or which car was in vogue for last Autumn. All of this data could be mapped and charted to possibly show some interesting trends in how brands infiltrate and work through this highly-public, and influential, sector of society. That is something I’d love to see exploited.

My involvement

The challenge given to Mark Boulton Design was to craft the user experience and concept (together with branding) which could then be honed further by the talented Fanzter development team. We’ll have more about this shortly in a short case study on the studio site.

Coolspotters launches later today. You can read a little more about it on Techcrunch.

BBC redesign tellys have rounded corners, right?

The BBC have redesigned their homepage.

BBC Logo Beta thumbnailI used to work for the BBC. So, I have a good understanding how difficult it is to work there and get anything complete and out of the door to a high, exacting design standard. So, today, when I was told the BBC has opened up the new homepage beta for feedback, and also prompted by Jeremy’s post on the subject, I wanted shove my oar in.

Web 2.0 design nonsense

This is a shame. The BBC, in design terms, used to be a leader in the field. In one fell-swoop, they’ve turned follower. The trends, from a few years ago, are all over this thing. From the ‘Beta’ label and the rounded corners, to the gradients. Why? I honestly can’t think of a sensible response as to why they’ve gone down this route. Hasn’t Facebook proved you don’t need to have reflections or curved corners to be ‘Web 2.0’?

Now, I’m well aware I’m judging this on face value. I’ve not been privy to any discussions that may or may not have taken place.

However, Richard Titus—The acting head of User Experience at the BBC—has kindly written a blog post describing some of the specifications and requirements.

High on this agenda was ‘widgetization’ (oh, I hate that word) of the content. Dynamically generated and syndicated content has been high on the content priorities for the BBC for many years. What puzzles me is why jump on a visualisation bandwagon? Recent newspaper designs, such as The Times, or The Guardian, deal with top-level content in a similar way. To all intents and purposes, the modules on their homepages are ‘widgets’. Perhaps it is that word that makes designers want to recreate netvibes.

Innovation over information?

I’m sure there are plenty of clever things going on under the hood on this homepage. From Ajax, and a move towards PHP, through to localised content and user customisation. My gut feeling on this, and this is a personal view of course, is that all this visual guff gets in the way of the information. The design aesthetic is not ‘simple, and beautiful’. It’s obtrusive and dated.

My lecturer in university instilled a mantra into me: ‘don’t let the type get in the way of the words’. It can be applied to any design. Don’t let the design get in the way of the information, or the problem you are trying to solve. Sure, enrich the user experience by delivering the information in a fulfilling environment, but make the clever stuff invisible.

An example of this is when you click on the four coloured tabs running underneath the main promo. Now, how does that make you feel? Confused? Surprised? Sick?

New colourways on click. Pointless. They also gave me quite a shock.

Why did they do this? Really, what is the value here? To showcase the power of CSS? I’m totally baffled.

The last of the weather icons

The weather icons also breath their last with this redesign. I’m sad about that. Not because they look worse, but they are an inferior solution.

New and old weather icons

On TV, the richer weather graphics are far more useful in actually illustrating weather forecasts, but on the web, when there is no animation, we’re left with icons that mean nothing without the words to describe them. Of course there is an accessibility reason for having the text. However, the text shouldn’t be there to prop up bad icons. I mean, is that one in the middle cloud, or fog?

Anything good to say?

There are some nice things about it though. The buttons work well. I think the on/off state is very tactile. And, like Jeremy, I love the analogue clock in the top right.

Dinosaurs designing websites

What strikes me most plainly about this design is how the effect of a big, lumbering organisation can impact on a redesign. A good few months ago, or maybe years, when this proposal was first taking shape, it was probably the time when curved gradients, reflections and like were at the forefront of the ‘web 2.0 aesthetic’. Thing is, it takes any large organisation ages to get their shit together. Which is why designing to visual trends such as this is so risky. If your organisation can’t react quickly enough to keep up, then go the classic design route every time. If you don’t, your design will look dated within months. Or, in this case, even before it’s launched.

I’m led to believe this project took three months to complete. And I go back to my initial comment, it’s a huge result that the team responsible for this managed to get this project to this state in that time. In fact, it’s pretty miraculous. We’ll see how things pan out over the next few months. But, like some other websites that the BBC produces, they seem hell-bent on trying to make the web like telly.

But tellys have rounded corners, right?

Kitdesigner Beta goes live

Football Kit Designer logo

A while ago now, Communis, Bath based accessibility company, approached me for the branding and graphic design of a website which would sell customised football team kits and leisureware. Now, four months or so down the line, the Beta for FootballKitDesigner has gone live.

Rugby Kit Designer screen showing the Designer applicationThere are a number of items which are yet to go live, such as online ordering and personalisation. In addition, there are a load of articles about sports kit to go on there. There’s also a load of tweaking to be done during this Beta period.

The templates were built by Communis to work on an impressive array of browsers and devices. The site also dynamically loads in different stylesheets depending on the browser width.

In addition to FootballKitDesigner, its sister site is due to go into Beta soon, where (I’m told) there will be 150 billion combinations of rugby shirts available. So, if you play rugby for a team and need a unique shirt be sure to check back for RugbyKitDesigner.