-
Protect The Human – new designs for Campaign pages
Protect The Human is Amnesty’s International UK site. It’s designed to engage people to stand up for humanity and human rights.We’ve recently redesigned and launched new campaign pages on Protect The Human. The aim of the redesign was to improve the user experience and usability, which would lead to the increase in numbers of people getting involved in the campaigns for human rights.
Campaigns play a crucial role on Protect The Human. They are designed to highlight the ongoing problems happening in the world. Each campaign has a range of actions for people to take in order to fight the injustice.
To improve the campaign pages and increase the number of people taking actions, we’ve done some major changes. We started with the campaigns index page.
-
Protect The Human’s new Actions pages now live
Following on from my last post about PTH’s Campaigns pages, the new Actions pages are now live as well. Together they make for a much improved user experience, not to mention how much better they look. Our hope is that this inspires more people to campaign for human rights. A huge thank you to Julia, Paul Sims, Oli and our development partners New Bamboo for their work on this.
-
Protect The Human’s Campaigns pages get a new look
We’ve been labouring long and hard with the folks at New Bamboo and of course Amnesty UK to deliver some important design changes to the Protect The Human campaigning platform. Our hope is that these changes will make the site easier to use and more compelling to visit, encouraging more people to take actions and champion the cause of human rights. We recently wrote about how we launched the new homepages and Facebook Connect for the site. Now, here’s a look at the new Campaigns pages, which went live this morning. We’re working on similar changes to the Actions pages, which will launch soon. Julia will explain the whole design process when that’s done, but in the meantime, here’s a look at Campaigns:
-
Protect The Human, now with Facebook Connect
We’re very excited about today’s launch of Facebook Connect for Protect The Human, Amnesty International UK’s digital campaigning platform. Facebook Connect is great for external websites because of the huge social potential it offers (for those of you that have doubts, look at this presentation), but it is even more important for a site like Protect The Human because of the worthy causes Amnesty International supports. Protect The Human is all about rallying your friends behind human rights causes that you as an individual care a lot about. It is about transforming the power of an individual into the power of many. And, as Barack Obama said,
One voice can change a room, and if one voice can change a room, then it can change a city, and if it can change a city, it can change a state, and if it change a state, it can change a nation, and if it can change a nation, it can change the world. Your voice can change the world.
It’s pretty simple, really – all you need to do is sign in to Protect The Human, connect to Facebook with the Facebook Connect button, and start inviting your friends to join. Also, when you take specific actions on Protect The Human such as sending an email to ensure there is no crackdown on protests in Iran, you can post a notification to Facebook, alerting your friends there and (hopefully) encouraging many of them to do the same.
THIS is why the internet is truly powerful.
-
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!
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
Logged out homepage
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
Logged in homepage
_____________________________________________________________
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:
Once user starts taking actions this panel changes to suggest personalized actions:
‘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.
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
Image Gallery template
_____________________________________________________________
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.
-
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.
-
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.
-
We love Mixwit
We’ve been having a lot of fun with Mixwit recently. We did one for Metrotwin – a mixtape based on places in New York to match one that was done by one of Metrotwin’s blogging contributors Wee Birdy for London. Now we’ve gone and done one for our client Amnesty International UK to celebrate the 60th Anniversary of the UN Declaration of Human Rights.
Please suggest any other suitable songs/tracks in the comments area below.
-
Protect The Human success re ‘No’ to 42 days
Great news for civil liberties in our green and pleasant land: MPs have dropped their plans to extend detention without trial to 42 days.
This is in no small part due to the relentless efforts of Amnesty International UK and its supporters to highlight the issue with a national petition, and to encourage voters in 20 constituencies whose MPs were undecided on the issue that this is not something the British people want.
Protect The Human garnered a staggering 9,503 signatures for the “Say ‘No’ to 42 days!” petition. Online campaigning in action. If you haven’t seen the video produced by Dark Fibre with music from the Orb and voiceover by Christopher Eccleston (erstwhile Dr Who), go and take a look.
-
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.
Posts Tagged ‘Protect The Human’
Our latest tweets
- RT @juxtapozed: Participants required - any UK firms like to come in and take a look at our work in progress next week? http://bit.ly/cGVxEJ 3 hrs ago
- RT @malbonster: Wow - we are 'Site Of The Day' at The CSS Awards... thanks people @madebymany >>> http://bit.ly/31abtc 5 hrs ago
- RT @juxtapozed: Back in sunny London, and feeling like a zombie. Here's some photos from last week @ SXSW http://bit.ly/blC4N5 7 hrs ago
- More updates...
Most commented
People
Categories
- advertising (5)
- agile (5)
- Clients (26)
- Conferences (32)
- content (3)
- design (13)
- Games (2)
- Great Stuff (8)
- innovation (10)
- Labs (8)
- Made by Many (124)
- mobile (1)
- New connections (2)
- opinion (33)
- publishing (1)
- Social Web (115)
Archives
- ▼2010 (61)
- ▼March (16)
- Lazy panels and lazy tweeting
- The Kingdom of Awesome
- Can there ever be an online masterpiece?
- Conflict resolution (or How to Deal with Bastards)
- South by round up Day 1
- Battle for Your TV: The Big TV Smackdown at SXSW
- When blogging met Twitter: meet Ready for Ten
- The iPad: one step forward, two steps back?
- SXSW countdown: one day!
- Paxo on Chatroulette
- What I'm hoping for from SXSW
- SXSW countdown: one week
- A call to arms. Make way for 'the builders'.
- Trying to describe what we do. It's complicated.
- Gnawing on the bones of Hendrix
- Introducing Made by Many's Posterous
- February (15)
- January (30)
- ▼March (16)
- 2009 (153)
- 2008 (91)
Sites we like
- Aaron Koblin
- Barbarian Group
- BBH Labs
- Big Spaceship
- Big Spaceship – Think
- Bud Caddell – What Consumes Me
- Creative Applications
- David Armano
- Faris Yakob
- Ffffound
- Gareth Kay
- Howard Rheingold
- Iain Tait – Crack Unit
- idsgn
- Manuel Lima
- Mike Arauz
- Neil Perkin – Only Dead Fish
- Noah Brier
- Not For Paper
- Paul Davis – Our illustrator
- TED Blog
- Undercurrent
- We Are Social