CVV Helper

This is a small tweak I've been working on, in order to help users understand where is the Security Card Number (CVV).

On focus, the CVV input expands and a small box is displayed explaining where the CVV is located. Once filled, the box automatically disappears and the field is validated inline.

In the case of an AMEX card, both text and CVV icon changes in order to inform users that the code is located on the card's front.

Platform: Mobile web