mattchudesign
webshop-cov.jpg

Sole Provider Webshop

Sole Provider Webshop

Sole Provider Webshop

Problem:
How do we show the available integrations that Adyen offers that a merchant can integrate with? What happens during each step of the process of doing a transaction as a shopper?

Solution:
Given the problem, the solution to show the integrations that Adyen offers is by providing a "test playground" or a webshop, so that prospects and developers can understand what happens during a code call.

Server communication

Server communication

By providing a legitimately designed e-commerce site and showing the integrations and channels on the right side, the developer or prospect can easily go through a payment flow (local and alternative payment method) and view the current calls between servers.

3.jpg
4.jpg
Redirects

Redirects

With developer constraints on mind during the design of this, the development would be through HPP or Hosted Payment Pages, with an iframe, so that the right side can still display server communication while the left frame loads content and can redirect to your bank.

6.jpg
Testing

Testing

With the design of this webshop, a prototype was knitted to let developers internally test out, to ensure that this worked properly in communicating the server communications during checkout.

To view the clickable prototype, view it here: Webshop Prototype