Adyen Payment Gateway

In moving onto UX design, my first initial task was to re-design and develop the Adyen payment gateway on the checkout of the River Island Website. This was to ensure that the journey for NL (Netherlands) customers who use the iDeal/Adyen payment path is consistent with the current RI checkout design.

Below is the current Adyen Payment Gateway:


This gateway needs to flow and be consistent with the previous check out system step, which is demonstrated in the below:


My final design for the Adyen payment gateway was created in Photoshop and is presented in the below graphic:


In development of this I ensured that the colour scheme (green, black, grey) and style of the checkout was consistent and carried right through to this final step. Key aspects included in the design were box icon buttons, payment bank icons and a clean drop down menu.