Design

I’ve been slowly evolving the design of For A Beautiful Web over the last few months since I relaunched it in April. Back then I stripped it back from its almost universally unpopular first design, then added hints of a future direction on the home page. Now that design has matured and today I launched its sister site at Transcending CSS.

It’s been one helluva busy, tiring but inspiring week, traveling first to speak at An Event Apart Boston, then, with Jeremy Keith and Jason Santa Maria onto London for @media2009. At both events, I presented Walls Come Tumbling Down. Here are the presentation slides and transcript.

It’s been ten days since I uploaded the last batch of New Internationalist design files. Since then the team at New Internationalist have had time to live with the templates and make a small number of suggestions and requests that I have implemented over the last couple of days.

While the folks at New Riders work hard on editing the three DVDs that I recorded in February, and I make trouble by asking for tiny changes, I turned my attention to designing the cover artwork.

Last Monday, I met up with the New Internationalist team to talk about what we had accomplished so far in the redesign and the remaining issues. As he was in the area, we were also joined by my friend and design meeting interloper Dan Rubin.

Now is the time, particularly during this open design process, where I get nervous about presenting the design I hope to launch. While I know that there are still aspects left to resolve, I wanted to share my process and thinking behind what I’m showing today.

For the last few days I’ve been working on the branding aspects of my New Internationalist redesign and I have to admit that I’m struggling. There is a raging argument going on in my head. Please help me make it stop.

As I’m putting together Walls Come Tumbling Down, the talk that I am giving this year at @media 2009 London and An Event Apart, I wanted to share some of my notes on how the current recession will affect the way that web designers and developers work.

It’s possible that this should be an elsewhere entry, but as so many people have emailed, tweeted and otherwise asked about the placeholder images that I’m using in my New Internationalist redesign process, I thought I’d share the source.

Thanks to all of the excellent and constructive feedback so far, I am today working towards the New Internationalist pages that I am designing being feature complete and ready for sign-off next week. With that in mind, I wanted to share with you a top-down view of all of the pages that I have been working on.

Today I want to share and invite your feedback on my work on the New Internationalist blog pages.

I hope that New Internationalist readers will never see 404 Page Not Found.

Today I want to share and invite your feedback on my work on the New Internationalist magazine pages.

Most often when I’m designing a new site, I focus first on its content pages. Then, working from the inside-out, I finally arrive at the home page. This is the approach that I’ve taken in my work for New Internationalist. That said, a site’s home page is often what people want to see first, so who am I to disagree? Today I want to share and invite your feedback on my work on the New Internationalist home page.

When I was asked by New Internationalist to design for their online magazine, blogs and shops, the challenge seemed pretty daunting. The New Internationalist site has content that reaches back over thirty years, more page templates than you can shake a riot policeman’s truncheon at and a structure that involves some complex interaction design challenges. I also have limited time, budget and resources available.

As part of the New Internationalist redesign project, I’m focussing on how the organization presents itself online. To begin that process, I’ve been researching the printed magazine since it started in 1973. (I should stress that I’m not working on the organization’s overall branding, nor the design of the magazine.)

A few weeks ago I received an email from New Internationalist magazine asking me if I’d like to work on the redesign of their online magazine, blogs and shop. I was away from my studio when the email arrived so I pecked out a quick reply on my iPhone. I think it went something like New Internationalist? Oh fuck yes!

It’s always a pleasure to have the opportunity to build on work that I have done in the past, so a few weeks ago I jumped at the chance to work on a small visual design realign for my friend Richard Rubin of Really Worried fame.

This week Brian Suda and I launched tweetCC, a Twitter micro-app that allows Twitter users to declare a Creative Commons license for their tweeted content. I’ll be writing more about why we decided to make tweetCC and why licensing you tweets is important in a future entry, but as several people have commented on my design and CSS implementation, first a few words about them.

Today it came to light in a blog post on Microsoft’s IE Blog that the company intends to include a new ‘compatibility feature’ and black/white list that it hopes will help users if sites break in the up-and-coming release of Internet Explorer 8.

Let’s be fair, few customers are professional writers and few hire one when making a web site. That is why I now include professional copywriting into every estimate as a non-removable item. When customers are adding their own copy to a site, I give them ten simple tips to follow.

The United States’ soon to President Barack Obama’s choice of Tobias Frere-Jones’ Gotham typeface has been well documented.

With only a week to go until our first Visual Web Design Master Class in London, I’ve been taking time away from client work to focus on writing all new content that I hope people attending will really love.

Web designs need not look exactly the same in all browsers. I know that’s a topic I have written about and spoken on a fair amount before, but somehow I’m always amazed by the reactions that I get when the subject comes up.

Demonstrating our designs to clients as XHTML/CSS pages rather than as static Photoshop or Fireworks has streamlined our workflow and helped us to set and manage a client’s expectations better than ever before.

When I set out to design the site to launch For A Beautiful Web I knew that I wanted to set a new tone and arrive at something a little unexpected. One of the ways that (I hope) I have achieved that level of unexpectedness was to turn to a classically trained artist, rather than a web designer for creative direction.

To my complete and utter amazement, Jon Burgerman has agreed to create something truly, but unsurprisingly unique for this site. In doing so he has made me realise just how different a feel a new illustration can create, even when nothing else on a page changes.

What books or multi-media tutorials on Illustrator do you recommend?

Maybe I’m out of step with the fashion, but I would love to see flat colours and gradients give way to more visual richness and depth

What did I do with a Pentium 100 PC with 16Mb, Photoshop 4.0, Picture Publisher 7.0 and Frontpage 98?

There is a danger of adversly effecting semantics through incorrect use of CSS.