Skip to content


Transition Drupal wireframes get a bit out of control

One of the more com­plex web design pro­jects I’ve recently been involved with is this “site in a box” Drupal int­all­a­tion pro­file for the Trans­ition Town move­ment. Check their map for a sense of the num­ber of our poten­tial clients.

The home page for the Kensal to Kilburn Transition Town website

Latest update: Less than a week after upload­ing these visu­als to this site, I dis­covered that a group of Trans­ition­Town volun­teers in the US had the exact-same idea to develop a “site in a box” Drupal instance for any trans­ition ini­ti­at­ive. So our UK team imme­di­ately joined up to the Trans­ition­Drupal group on drupal.org and since then we’ve been devel­op­ing the concept together with a steadily-increasing cohort of internta­tional volun­teers. It’s prob­ably the most excit­ing pro­ject I’ve ever been involved with.

After a fair bit of work in my spare time, I finally fin­ished the first set of wire­frame visu­als for Trans­ition Kensal to Kilburn’s new web­site. In the spirit of com­munity col­lab­or­a­tion, I decided I would copy the Open Design approach Mark Boulton and Leisa Reichelt used when redevel­op­ing the Drupal site. This is the first full set of visu­als and any­one can review them and provide feed­back. As you’ll see, I got a little car­ried away and ended up also doing an ini­tial look-and-feel for the whole thing! So I’m inter­ested in your thoughts on the way they look, the lay­out, nav­ig­a­tion, wid­gets, tools, icons, everything!

We plan to phase our devel­op­ment of the site into most-likely three dis­tinct phases, which reflect the devel­op­ing require­ments of a typ­ical Trans­ition Ini­ti­at­ive from the Mulling stage all the way to a fully-fledged social network.

Phase 1 – Embark (mulling)

Phase 2 – Mature

Phase 3 – Social network

You’ll see we don’t have a logo yet but we should have one quite soon –  I’m going into my local school, QPCS, to work with the GCSE design stu­dents to develop one. So far it’s going really well!

I also have some spe­cific plans for them­ing, including:

  • Use “Color Mod­ule Next Gen­er­a­tion” mod­ule to allow any ini­ti­at­ive to install the theme and then recon­fig­ure the col­ours of most objects to match their needs.
  • Use Zen or Fusion theme as a base, allow­ing me to integ­rate some of their advanced fea­tures quickly, without much devel­op­ment work (spe­cific­ally  Skinr mod­ule, 960.gs integ­ra­tion and vari­ous other tools).
  • Attempt to sup­port IE6 as well as the full range of mod­ern browsers. How­ever, since IE6 is dwind­ling in pop­ular­ity, I’m less keen to provide com­pre­hens­ive support.
Bookmark and Share
No Tweet­Backs yet. (Be the first to Tweet this post)

Tech­nor­ati: , , , ,

Posted in live projects.

Tagged with , , , , .


0 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.



Some HTML is OK

or, reply to this post via trackback.

blog comments powered by Disqus