"Shedding Light": the Planet 4 design

(Video) brief, slides and all P4 rendering

The Planet 4 team is pleased to share the visual design of the new greenpeace.org. Starting from the 4 Design principles of the Creative Concept, the choices which led to this design were made to drive people to take action and inspire us all to explore new opportunities for online activism.

watch a walk through of the design

With a quick set of slides to guide our video brief, we showcase how Planet 4 will treat dynamic, renewable and evergreen content. This design follows the aesthetic theory developed specifically for Planet 4: a theory we named “Shedding Light”.

One of the three Quaker principles that inspired the Greenpeace founders was about bearing witness and an obligation to act. Greenpeace is an organisation that sheds light on topics, stories and issues, and we, the people, take action.

Shedding Light uses diagonal intersections and gradients to lead the user through the content. These diagonals act like shards of light illuminating a story or an issue, driving the user to explore or act. In more poetic terms, they replicate rays of light underwater or the sunlight filtering through the trees in a forest.

As well as creating diagonal flows, Shedding Light redefines how Greenpeace uses photographic content to communicate. Throughout the site we will combine issue/overview content with pictures of supporters, activists and the general public,reinforcing the notion that nothing can be saved or protected without people. In practical terms, an image of something happening in the world will be constantly juxtaposed with the people who are taking action and create positive change.

The Homepage: a dynamic, engaging layout

At the top of the page we imagine a dynamic content area, content that changes regularly. Our diagonals will guide users from one section of content down to the next one.

Planet 4 home, tablet render. Image by Will

Towards the middle of the page, we have renewable content that might change on a weekly or monthly basis. Before being an organisation, a brand or a movement, Greenpeace was a ship and an action. As our fleet is one of the things that make us unique, images of Greenpeace Ships will always be on the Planet 4 homepage. Again, imagery of a topic or theme will be combined with the people that make Greenpeace a global community of change agents.

Planet 4 home, tablet render. Image by Will

Towards the bottom of all pages, static or evergreen content will be accessible. This is content that should be reviewed every once in awhile, but is unlikely to change frequently, our history, values and mission, for instance.

Want to see the whole homepage rendering in one image? Access the full set of wireframes.

Explore: Greenpeace stories and people changing the world

On the "Explore" page, we introduce the issues and campaigns we are currently working on. The page starts with a “magazine style” campaign story that illuminates an action people took on behalf of a more green and peaceful world. Below are the key entry points, a combination of the issue overview (on the left) and dynamic/renewable campaign led content (on the right). This graphic dichotomy reinforces the importance of human actions in tackling environmental issues. Hashtags and calls to action are clearly visible to facilitate navigation and engage visitors towards actions.

“Explore”, desktop render. Image by Will.

As you may have noticed, the graphic idea is that backgrounds keep changing according to stories and campaigns. As mentioned in the colour palette post, the Greenpeace green (#66cc00 ) will now only be used in the logo. As with the other page layouts, "Explore" ends with evergreen or organisational content.

Want to see the whole rendering in one image? Access the full set of wireframes.

Issues: Greenpeace with the people for a new world

Greenpeace runs campaigns to help us shed light on various issues. The “Issues” page layout is designed to explain simply and effectively what problems or topics we are actively addressing. We showcase a positive vision for the future on that issue, what the environmental risks are and, most importantly, how people’s actions can make a difference.

Opportunities to take action, additional resources and related content are accessible as visitors scroll down.

“Issues”, desktop render, image by Will

Want to see the whole “Issues” rendering in one image? Access the full set of wireframes.

Act: All about empowering people

Planet 4 users are the heroes in unwritten stories. On the “Act” page, we will present meaningful ways people can take action to help Greenpeace win campaigns. These “story books” provide an easy overview of these actions.

“Act”, tablet rendering — image by Will

From the "Act" section, users are invited to act and taken to "Take Action" pages for the story they select. Those “Take Action” pages will clearly explain simple ways each user might create change and support the work Greenpeace and other non-for-profit are doing for the planet.

“Take Action”, mobile rendering — image by Will

By breaking down complex campaigns into simple sets of actions, we invite people to participate in a way that is convenient for them.

It also gives campaigners an opportunity to experiment with different engagement tactics, thereby optimising campaigns for maximum impact.

Want to see the whole “Act” rendering in one image? Access the full set of wireframes.

Evergreen designs: Making content last forever

Greenpeace has over 45 years of history, and Planet 4 aims to showcase our unique content through the “Evergreen” design.

Once again, diagonals will help users move through the page, where images of people participating in campaigns and actions accompany organisational content . Evergreen pages use the traditional colour palette (check the P4 post on colour).

“Evergreen”, web rendering — image by Will

Want to see the whole “Evergreen” rendering in one image? Access the full set of wireframes.

Post: blogging in a simple, engaging way

This page layout for regular news, stories and updates, associates the post (a dispatch of information) with an opportunity to take action.

Author credentials reiterate Greenpeace as a community of engaged activists, and related stories, as usual, are dynamically populated based on taxonomy.

“Post”, tablet rendering — image by Will

Want to see the whole “Post” rendering in one image? Access the full set of wireframes.

Coming soon: Testing the P4 Design in a prototype

We will continue to refine our design and are beginning to build our prototype, the Greenpeace International website. Webbies and volunteers will be using heatmaps, analytics, focus groups and other methods and tools to determine whether our “Shedding Light” design is successful in leading Planet 4 users through the site and engaging them to take action.

In the meantime, please send us your comments on this design, preferably in bullet points, as it will be easier to parse, as we prepare for more structured feedback gathering.

Comment right below, tweet at #GPP4 or get in touch with the project team.

A special thank you to Laura Hilliger, Vini Romualdo, Jess Klein, Kelli Tolen and the rest of the Planet 4 team.

Planet 4

Planet 4 is the codename for the complete redesign of…

William Morris-Julien

Written by

Planet 4

Planet 4

Planet 4 is the codename for the complete redesign of Greenpeace.org. This project is developed using open principles, and this Medium Publication will be the central hub for news and updates pertaining to the Planet 4 project. Learn more at www.greenpeace.org/p4

William Morris-Julien

Written by

Planet 4

Planet 4

Planet 4 is the codename for the complete redesign of Greenpeace.org. This project is developed using open principles, and this Medium Publication will be the central hub for news and updates pertaining to the Planet 4 project. Learn more at www.greenpeace.org/p4

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store