Posts Tagged ‘campaigning’

  • Protect The Human new homepage

    Following up on Tim’s recent post on the new Protect The Human homepages, I’m going to write about the process I went through to create the final homepage designs.

    1. Sketching

    I started with sketches. Sketching ideas on the paper helped me visualize quickly what we wanted to achieve through the new homepages and how we wanted to address current site’s issues.

    It was an easy way to present the initial ideas to people involved in the project (client, creative director, developer, etc.), and made it easy to apply any changes required. It was also much quicker than creating the initial visuals in photoshop!

    photo_3

    2. Creating ‘grey boxes’ in photoshop

    After the sketching session I had a clear idea how to present both logged in and logged out homepage objectives. I knew the content that should go on the pages and I could start playing with it in photoshop.

    I started with laying out grey content boxes on the page, creating the grid, and showing the hierarchy.

    Logged in homepage

    hp_loggedin_p2_d002

    Logged out homepage

    hp_loggedout_p2_d00

    3. Designing

    The next step was to start the design. I did several versions of the homepage before achieving the final one. However, the previous two steps saved a lot of my time and made the actual design process less frustrating.

    Here are the final designs:

    Logged out homepage

    loggedout

    Logged in homepage

    hp_loggedin_blankstate_p2_d092

    _____________________________________________________________

    On the logged in homepage, for users who have only just registered and are new to Protect The Human, there is a set of 3 automatic, time-based actions suggested for them to take:

    blankstate

    Once user starts taking actions this panel changes to suggest personalized actions:

    actionsuggestion

    ‘Recent highlights’ panel becomes also personalized (Highlights for you) once user has specified interests. It displays the content based on user’s chosen tags and campaigns.

    highlightsforyou

    I’ve also created two templates for the feature area so that Amnesty has the flexibility to choose the type of content they want to show. They highlight crucial events, campaigns, etc., and urge the user to take action.

    Video template

    video1

    Image Gallery template

    imagegallery

    _____________________________________________________________

    Overall, I did truly enjoy the whole design process. Simple things like sketching can make the whole design process so much easier.

    More improvements to the site will follow as we’re currently working on them.

    2 Comments

    2
    By Julia Wojcicka

    26th May 09

    2 comments

     Amnesty International

  • News: new release of Amnesty’s ProtectTheHuman.com

    We’ve made a new release of ProtectTheHuman.com, the social media campaigning platform and activism community we launched for Amnesty UK in August 2008.

    This latest release introduces:

    • a new logged-out home page designed to optimise sign-up
    • a souped-up logged-in home page that provides more personalised content and better signposting to activity throughout the site
    • a new global ‘eyebrows and beard’ navigation set at the top and bottom of the page – designed to make it easier for users to move between Amnesty’s network of sites
    • closer integration with the Protect The Human blog, to reflect its growing role as the ‘voice’ at the heart of the community
    • Twitter to the home page, as a link at this stage, but reflecting the ever-increasing importance of Amnesty UK’s Twitter network as a campaigning platform woven through just about all activity on and off-site at Protect The Human

    The combined effect of these changes is to create a more joined-up experience, and to make it easier for site users to discover and carry out online actions in support of Amnesty’s campaigns.

    But that’s not all. Another push in the next couple of weeks will see the deployment of Facebook Connect integration that will make it even easier to sign up, and take campaigning at Protect The Human inside Facebook. And Julia and Paul have started working on some changes to tighten up and optimise the Campaigns and Actions sections of the site and the way these interactions work.

    Well done to Julia and Oli for their design and front-end skills, as well as to our dev partners New Bamboo. Big shout to Amnesty’s Web team as well (especially Sara, Fiona, Sam, Aggie, Ben and Vero). We’ve all worked as one team on this project. I know Julia wants to write a post about the process we followed.

    1 Comment

    1
    Tim Malbon By Tim Malbon

    23rd May 09

    1 comment

     Amnesty International

  • New release of Amnesty’s ProtectTheHuman.com

    We’ve made a new release of ProtectTheHuman.com, the social media campaigning platform and activism community we launched for Amnesty UK in August 2008.

    This latest release introduces:

    • a new logged-out home page designed to optimise sign-up
    • a souped-up logged-in home page that provides more personalised content and better signposting to activity throughout the site
    • a new global ‘eyebrows and beard’ navigation set at the top and bottom of the page – designed to make it easier for users to move between Amnesty’s network of sites
    • closer integration with the Protect The Human blog, to reflect its growing role as the ‘voice’ at the heart of the community
    • Twitter to the home page, as a link at this stage, but reflecting the ever-increasing importance of Amnesty UK’s Twitter network as a campaigning platform woven through just about all activity on and off-site at Protect The Human

    The combined effect of these changes is to create a more joined-up experience, and to make it easier for site users to discover and carry out online actions in support of Amnesty’s campaigns.

    But that’s not all. Another push in the next couple of weeks will see the deployment of Facebook Connect integration that will make it even easier to sign up, and take campaigning at Protect The Human inside Facebook. And Julia and Paul have started working on some changes to tighten up and optimise the Campaigns and Actions sections of the site and the way these interactions work.

    Well done to Julia and Oli for their design and front-end skills, as well as to our dev partners New Bamboo. Big shout to Amnesty’s Web team as well (especially Sara, Fiona, Sam, Aggie, Ben and Vero). We’ve all worked as one team on this project. I know Julia wants to write a post about the process we followed.

    No Comments

    0
    Tim Malbon By Tim Malbon

    23rd May 09

    0 comments

     Amnesty International

  • Amnesty’s ‘Protect The Human’ on BoingBoing – save Troy Davis

    This lunchtime saw one of the first big pushes for Protect The Human in the wider web – our friends at Amnesty are raising awareness via BoingBoing of the plight of Troy Davis, condemned to death for a murder he maintains he did not commit.

    It’s very exciting to see how the PTH platform gives Amnesty the tools it needs to quickly respond to issues as and when they arise – clemency was denied to Troy Davis a matter of days ago and with the potential to gather support from across the web using PTH to push out to Facebook, digg, delicious and others, Amnesty supporters could make the difference to obtain a total stay of execution.

    Follow the conversation on Protect The Human, and take a five minute action to save a man’s life.

    No Comments

    0
    Charlotte Hillenbrand By Charlotte Hillenbrand

    18th September 08

    0 comments

     Amnesty International

Our latest tweets

Categories

Archives

Find us on the web