#Blocks #Content #Engagement #Visuals

Block: Social Media Cards

Use images and short texts for a one-click sharing pledges and call to action!

Learn more
#Data-Analytics #Engagement #Visuals

The P4 Prototypes

Help Greenpeace identify which features will drive people to take action, re-engage and bring others along in the future.  

Learn more
#Blocks #Visuals

Block: Gallery

Maximise visual impact combining images in grids, 3 columns or carousel

Learn more
#Blocks #Content #Visuals

Block: Columns (& tasks)

Pull out static content (with or without images) or take action tasks in columns.

Learn more
#Development #Visuals

DEV: Automated Visual Regression testing with BackstopJS

Quickly identify changes that alter a website’s appearance after each release performing visual regression testing with BackstopJS.

Learn more
#Blocks #Visuals

Block: Split Two Columns

Combine Categories (Issues) and #Tags in 2 columns with diagonals

Learn more
#Content #Engagement #Visuals

Embed multimedia content (tweets, posts, stories, timelines, sounds)

Lots of content is produced across channels. Amplify it in Planet 4.

Learn more
#Blocks #Content #Visuals

Block: Carousel Header

Display several photos on a scrolling carousel for the home page

Learn more
#Development #Visuals

DEV: perform Visual Regression Testing on local dev environment

To catch css regression bugs we use use BackstopJS. learn how to compare visual changes, test regressions and verify changes.

Learn more

Related Pages