Open Doors Student Site

3 comments | Posted: 18 May 07 in Featured, by Nathan Smith

URL: student.opendoorsuk.org

The student site of Open Doors UK was designed and coded by Jon Hicks and is powered by Textpattern. I like how this site’s design feels distressed, yet is still neatly aligned on a grid. The bold colors help to set apart this youth oriented site from that of its parent, opendoorsuk.org. I also like the use of texture. It’s just enough to be appealing, without appearing overdone or contrived.

It’s that fine line of design (hey, that rhymes) which I find difficult to balance. I tend to shy away from wicked worn in favor of the lightweight safety of cleaner, corporate-safe design. This is why I have respect for those who can painstakingly craft and perfect a more organic look and feel. When it’s done wrong, information and graphics tend to be in tension, but done rightly they coexist well. Jon has done a good job of harmonizing.

He has also broken the mold with a slightly slanted take on site navigation. The main sections of the menu are tilted by about 5° and line up with the lead photos, while the menu sub-sections are set horizontally level.

I like that the Upcoming Events page is marked up according to the hCalendar microformat, enabling users to add any or all events to Google Calendar, iCal or Sunbird directly from their browser. This is made possible by Technorati, which provides a parser that converts hCalendar into iCalendar format, that has become the de-facto standard for event sharing and coordination.

Overall, this is an exemplary site. The design is edgy – appropriate for the target audience. The XHTML is well structured, making use of the latest advancements in code conventions to provide richer semantics and data portability. This is what happens when designers care about information and not just aesthetics – the user gets the best of both worlds. Bravo, Mr. Hicks.

Discuss This Topic

  1. 1 Micah Choquette

    Great site, I wonder how they do that “donate via sms” feature?

    When you said this site was separated from it’s parent, you weren’t kidding! Ugh!

     
  2. 2 Larry

    “Great site, I wonder how they do that “donate via sms” feature?”

    I dunno, but I want to find out too!

     
  3. 3 Yannick

    I agree the site looks nice. I liked how they implemented Google Maps with the distressed look around it for the Persecution Map. Fitting. Another nice touch was how the main titles for each section were at the same angle as the image above it, the navigation on the left and the header.

    Regarding how they do the SMS donations, I’d assume they worked something out with the phone company so for each text sent to that number, the money would go towards the cause. I could be wrong though. :)

     

Comments closed after 2 weeks.