This website uses cookies. If you're fine with that please click "OK". To find out more please read our privacy policy.

Designing and building highly effective online action pages

More onion has designed, built and optimised over 100 online action pages over the past ten years. Using a range of different platforms we have helped some of the biggest campaigning organisations on the planet increase their conversion rates.

more onion have really helped us improve the basics of our digital campaigns – making sure we are inspiring supporters to take action, providing them with a fantastic experience and learning and improving for next time.

Andrew Henry Digital mobilisation manager Save The Children
  • Screengrab of an online action by Four Paws
  • Screengrab on an online action by Shelter
  • Screengrab of an online action by Cancer Research UK
  • Screengrab of an Online Action from British Heart Foundation
  • Two mobile phones showing online actions from charities

Designing for conversion

Our creative process starts with research, getting to know the organisations’ brand and doing an audience analysis. Then our creatives proceed with ideation and deliver a ‘mood board’ to present rough ideas.

From those rough ideas our team applies best practices we’ve learned from many years of testing and optimising.

Our action page and landing page designs strive to be simple and intuitive yet striking and engaging. We reduce the content on the page and its visual elements to the bare minimum to ensure users can really focus on taking the action.

Mobile first

All designs we produce are designed from the ground up to work on mobile devices. The reason is obvious: most organisations get more traffic from mobile to their landing pages than desktop users.

Designing for mobile also means creating solutions that work in an environment where the user might be easily distracted. Our approach is to strive for simplicity rather than creative designs that might be overwhelming or would take a long time to load on mobile devices.

Mobile device with a form

Form design

A central element of high converting landing pages is good form design. Our team has extensive experience in making complex form interactions simple and easy to complete.

Our form fields are big enough so they are easy to tap on mobile screens, the form labels are always clear and visible.

Long forms are often broken down into smaller steps to reduce the cognitive load of the user. If possible we only present one choice or ask simple ‘yes / no’ questions and then follow up with a tailored user experience or journey.

Screengrab of a "Recent signers" live ticker as social proof on an action page

Social Proof

One of the central ideas behind public campaigning is to use people power to gain influence. Social proof is a way of showing that many people have already taken action and that you as a user should join them.

Over the years we have used a range of different methods to convince users to take action and to opt-in to email lists.

A typicalprogress bar or counter can be used to show how many people have taken action so far and what the goal is in terms of signers.

A live ticker on the page can increase the sense of urgency and make an action feel more active, which can increase conversion rates.

Split testing & optimisation

When designing and building pages we also offer to conduct split tests for a few actions to ensure the design and content can be constantly improved.

Our team has helped organisations raise their conversion rates on action pages from 30% to over 70%. Through split testing and heat map analysis we can identify usability problems and fix them.

Screengrab of an online action with share buttoms

Versus Arthritis: engaging integrated email journeys

See how we have helped Versus Arthritis by designing supporter journeys from donor recruitment to long term donor retention

Tell us about your project

We would be happy to explore how we can help you and discuss ideas.

Contact us