Card activation

A framer prototype for the Nubank card activation flow.
Once users receive their card by mail, they have to input the last four digits and CVV of their cards to start making transactions. Before this redesign, we only had two simple text fields, which led to mistakes such as users inputting the wrong group of 4 digits of their card, or their card PIN number, which is also 4 digits long. Showing an image of the card and positioning the input fields inside it allows for better interpretation of the task.