Home live projects Transition site design: Home & My dashboard
formats

Transition site design: Home & My dashboard

Published on 29/04/2010 by in live projects

These two visu­als of the home page try to solve the prob­lem of cater­ing to two slightly dif­fer­ent audi­ence states: those who are new to the whole concept of trans­ition and those who are already a mem­ber of an initiative.

Main home page

The first home page dis­plays a large image carou­sel area, show­ing 4 – 5 slides that explain the basics of trans­ition as well as pro­mot­ing the cur­rently most import­ant couple of stor­ies about recent events in the initiative.

New user's home page

New user’s home page

My dash­board

The dash­board is sim­ilar to the idea designed by Mark Boulton for the new Drupal.org site – once a user is famil­iar with the concept of trans­ition and has joined the ini­ti­at­ive, they can set the homepage of the site to be a dash­board page which gath­ers together all the inform­a­tion that’s rel­ev­ant to their own groups, events and pro­jects. The tabs would also provide fur­ther access to other media they’ve added, stor­ies they’ve writ­ten, links they’ve pos­ted and other activ­ity on the site.

My dashboard

My dash­board

Feed­back needed

Please feel free to com­ment on any aspects of the visual design, inform­a­tion archi­tec­ture and other usab­il­ity or Drupal devel­op­ment issues if you can spot any tech­nical prob­lems. For instance, I read recently that it’s actu­ally quite hard to write a “Read more” link into the header of a Block header.

No Tweet­Backs yet. (Be the first to Tweet this post)

Tech­nor­ati: , , , ,

Bookmark and Share
 
 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn
3 Comments  comments 
  • Pingback: Design visuals for Kensal to Kilburn’s new website

  • mar­itikkanen

    HI Chris — nice work :) Like the dash­board and the way things are organ­ized. Regard­ing the homepage, my imme­di­ate reac­tion is that it’s quite busy and though I love pink, it’s quite dom­in­ant, so for ex RSVP stands out more than the event or other info and so on, per­haps that’s the inten­tion, but some­how my eyes found it all a bit hard to take in after a while. There s of course a lot of info to get across but the dif­fer­ent messages/parts sort of com­pete with each other for the read­ers atten­tion and it’s a little hard to know in which order to read the page. Is there a way you could per­haps guide the reader through a bit and calm it down a little? Like the way the social media icons are very clearly placed. Was won­der­ing, for a new­comer, would it be worth hav­ing a ‘slo­gan’ that opens up the Trans­ition K&K, so one doesn’t have to click through to another page to learn what it’s about, so ‘build­ing a thriv­ing com­munity — for us” (ter­rible but can’t think of any­thing).. any­how, that ‘s my VERY quick response, have to run.. over­all — nice.

    • http://chriswells.me.uk Chris Wells

      Thanks so much for respond­ing to this Mari. You’re a star! I think you’re abso­lutely right about the enthu­si­astic use of pink on the site for all the func­tions and tools. It was a rather over-exuberant attempt to win over one of my Trans­ition col­leagues who’d expressed a lik­ing for pink­ness. On reflec­tion it does dazzle and not help in draw­ing the user to the par­tic­u­lar high­light areas. I also like the idea of guid­ing the user more.

      The social media icons are abso­lutely essen­tial in my mind to spread the idea ASAP – I’m using a lot of what I learned from 15andCounting to hope­fully send the mes­sage viral in our community.

      As for the slo­gan, yes, I’d prob­ably put that as one of the main screens in the image rotator top-left on the home page. The slideshow in there will prob­ably end up fea­tur­ing 3 – 5 screens explain­ing more about the issues but rather than a news story per­haps we could write it clev­erly to explain what we’re build­ing each time… I hope you don’t mind if I use that idea! It’s still a first draft so we can change any of it.

      XXX