PLUS_2ScreensfeaturedImage_0217@2x.png

PayPal Plus

In early February 2014 I began work on a brand new PayPal product. Almost a year, and many dedicated months later, we launched the MVP of PayPal PLUS.

Over 12 months I led the design of the product and collaborated heavily with multi-disciplinary teams through out the product life cycle. I facilitated creative sessions with 
stakeholders to encourage divergent 
(and convergent) thinking to help generate ideas. I helped explore opportunities around 
our specific vision, articulated concepts by prototyping and conducting guerrilla testing. I created user journeys and wireframes and helped shape formal usability testing. I produced final pixel perfect visual designs, provided design assets and build support for developers. Whilst regularly presenting my work at sprint demos 
and stakeholder reviews to insure as a business we stayed aligned.

PLUSonDevice8_0217-940x578.png
 

What is Plus?

It’s simply a list of payment methods, hosted by PayPal, iframed into a merchant site. For merchants it’s a service which allows quick and easy integration of multiple payment methods and an optimised checkout process.

It enables sole proprietors & small and medium-sized businesses to offer the top four payment methods in Germany (PayPal, Lastschrift, Credit Card & Pay Upon Invoice). For consumers it simply gives them the choice they desire. These four payment methods account for around 80% of total payment volume in the German market.

To design this product a deep understanding of both merchants and consumers was required.

Multiple payment methods. One Solution. PayPal PLUS.

Check out the Plus marketing page here

PLUS_sketchandUER2_0217-1080x469.png

Process:

As a TPD team we went through a long process of getting PLUS onto the global roadmap. Initial sketch wireframes were produced and shown to anyone who would listen. Eventually we got the green light to start designing the product. My first step was to polish up the sketch wire frame to something we could take out to merchants and consumers to test.

After an initial round of testing it was very clear we could improve the approach and that we needed to simplify the design both visually and conceptually. A key concern we saw was the grouping of PayPal methods under the buyer protection message. The initial design asked consumers to understand what “Powered by PayPal” meant. During research we saw that this was cognitive load for the user, rather than a value proposition.

We believed it would slow them down, or worse push them to a third party payment method. So I pushed to remove it. Our hypothesis was that consumers enter a checkout flow with a preferred payment method in mind and therefore the best thing we as PayPal could do was to get out of the way. We wanted the fact that this was a PayPal product to be subtle, allowing the consumer to make a natural choice of payment method.

The removal of the grouping allowed me to really simplify the visual design. I questioned every part of the design and removed any elements that were superfluous: the background, the radio buttons, the header and the messaging. Every element we removed was an effort to increase the speed of checkout. A very simple visual design also helped me tackle another problem. PLUS needs to work across hundreds of thousand of visually diverse merchant sites. The more elements in a design the more difficult this is.

Design Deliverables

 
Personas: Research also helped us get a deeper understanding of the people and businesses we were designing for. As part of the design process we created personas for both our customers and merchants and developed them over time as we learn more and…

Personas: Research also helped us get a deeper understanding of the people and businesses we were designing for. As part of the design process we created personas for both our customers and merchants and developed them over time as we learn more and from our research.

 
Usability research: A lot of the visual and interaction decisions challenged the original design and the business was concerned about the interaction model, so in May 2014 we ran lab research, testing the end-to-end consumer experience of PLUS. The …

Usability research: A lot of the visual and interaction decisions challenged the original design and the business was concerned about the interaction model, so in May 2014 we ran lab research, testing the end-to-end consumer experience of PLUS. The objective was to understand how PayPal members and non-members respond to the new payment selection list and verify that they could successfully finish their purchase using the new minimal design. For this I built a high fidelity prototype in Axure.

I’m pleased to say it was a success. It was hugely satisfying to watch all of the 24 participants complete their purchase quickly and easily without external help.

Customer Journey Analysis: I also ran a Customer Journey Analysis, applying the personas and analysed the end to end flow with heuristics.  Maping out the end to end experience enabling me to identify the pain points and address them in the designs.…

Customer Journey Analysis: I also ran a Customer Journey Analysis, applying the personas and analysed the end to end flow with heuristics. Maping out the end to end experience enabling me to identify the pain points and address them in the designs.

 
Competitor analysis: I ran an indepth payment selection page analysis of the top 30 German merchants, this enabled us to identify common trends to inform our designs. It was abundantly clear from the competitor analysis, that as well as a huge …

Competitor analysis: I ran an indepth payment selection page analysis of the top 30 German merchants, this enabled us to identify common trends to inform our designs. It was abundantly clear from the competitor analysis, that as well as a huge variety of styles, we also needed to deal with a huge variety of sizes. We decided upon a fully responsive paywall. The size of the iframe is detected and the appropriate sized paywall is rendered. This not only allows a merchant to use whatever size iframe best fits his site, it also works seamlessly on existing responsive sites.

Previous
Previous

Omio - Onwards Journeys

Next
Next

BBC - News Responsive