Daily Design Learning: Designing the knowing your customer steps

Today we will design interfaces for completing customers KYC

shrey vijayvargiya
Bootcamp

--

Logo of my upcoming website, follow me to get daily UI, tech concerned updates.

Here is an introduction to me.

I am shrey, A Software developer by profession, Designer by passion(love designing interfaces, illustrations etc), A journalist by blood & Chatty in nature.

Context !!

I have started daily UI learning workshops, to innate UI/UX skills while creating interfaces, the challenge was commenced on 21 Feb 2021 and I am planning to pursue it for a month, a 30 day daily UI/UX learning workshop.

DAY Two!!!

Today’s Learning — How to create customer identification steps in Figma?
POA(Plan Of Action) —

  1. Take inspirations from Dribbble, Behance or Pinterest.
  2. Use Figma plugins like Unsplash, web gradients, UI Kit
  3. Choose design schemes like colours, chart types
  4. Design those 3 steps to complete customer identification
  5. Design Step one — Customer username, email and contact number
  6. Design Step Two — Upload government issues identification
  7. Design Step third — Save Customer Card details
  8. Lastly, polishing of each step with some colours, borders, effects

Step one — Collecting user details
We will collect very basic user details like username, first name, last name, email, and contact number country, city, address and Pincode.
Here is the design sc for the above form

Collecting user personal information

Step 2 — Collecting government-issued personal information
In this step, we urge the user to upload any government-issued legal and valid information like PAN card etc.

Collecting government-issued documents

Step Third — Collecting customer card details for further transactions details
By the virtue of its name, we will collect user card details such as card number, CVV expiry.

Collecting user card details

The last step is giving the user complete information about his/her verification process, whether a process failed or succeed it's always important to provide the user proper feedback.

Give the user proper feedback regarding his/her verification process.

Follow/Contact me here.

Email: shreyvijayvargiya26@gmail.com
Discord: shreyvijayvargiya#6842
Dribbble: https://dribbble.com/witness_trey
Github: https://github.com/shreyvijayvargiya

References

  1. Deep Dive in Figma Blog
  2. Dribbble for inspiration
  3. Behance for some more inspiration
  4. Charts Plugin

--

--