Sole Provider Webshop
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?
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.
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.
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.
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