# VASP를 위한 UI 가이드

VASP에서 고객향으로 화면을 만드실때 참고하실 수 있는 자료입니다.

트레블룰 도입 이전에는 주로 받을 지갑 주소만 입력하면 되었습니다. 트레블룰을 도입 시, 송신VASP측에서는 어떤 수신VASP로 사용자가 자산을 보내려고 하는지 알아야 합니다. 이에 따라 출금 프로세스에서 UI 수정이 필요하게 됩니다.

이 예시는 한 Alliances 예시입니다. 반드시 따라야 할 필요는 없으나, 비슷한 형태로 구현하는것을 추천드립니다.

### 입금 화면 

![](https://2748126762-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FILDiwNGlU9mGSj7OdNA8%2Fuploads%2F9yrJZAEC5DN7fifevQbK%2Fimage.png?alt=media\&token=8c692c30-8be0-4d28-8b65-338747d6378c)

위 예시는 화면상에 Recipent Name in English라는 필드를 사용자에게 입력 받고 있습니다. 사용자가 KYC를 하게 되면 자동으로 입력이 되게 되어있습니다. 플랫폼 상에 저장이 되고 있으며 매번 입력을 하도록 하지는 않습니다. 

아래의 다른 예시 또한 수신자의 이름을 보여줍니다. 해당 이름으로 트래블룰이 검증되기 때문에, 이름확인을 별도로 하지 않아도 입금 주소와 함께 확인이 가능합니다. 

![](https://2748126762-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FILDiwNGlU9mGSj7OdNA8%2Fuploads%2Fa87mPEy7cpR0AVbfTsCv%2Fimage.png?alt=media\&token=0feada6b-3eeb-46d6-8bd0-e4cebce7b8db)

### 출금 화면 

![](https://lh3.googleusercontent.com/uaBUDRAkHEmRNJ6oGhG7yM4mhHgCfabROIfhmnncHkzx4Zu8dCUSHrnFyqoK2dfFLadKSJUPDiK9vge4kVNtVInJdGJB8ogsoHTZemMBj0SJhrA9ugRRBSQ0EPmo9Gqdn5N2b0UsEKPJgAypYsOB1lg)![](https://lh6.googleusercontent.com/cY7VLAEFXR9-ALEnK89MD29MhNzY8rcNd2oH8huCwIBkY6AxkFj9mA9pb888Kmdezfwtb0uMuUn2y1W0FGPVijlZOJIMslX8fZ6DYJhHsRXuH4e7dF197tj2NfUQAlR9FM1kIfwlmQ9mDdDG6eFu2tc)

![](https://lh6.googleusercontent.com/wAtK6NGpDG3y6W83BKe056sS5v0QHR_88cfwkXmAU0vGdpNJDEYt7K1r0EDgkhSxd6QlX1nh_GUQiIfdGIWAPTG3zeWfhYs7Qye3di8ZBAJM0WUVlfVTzl-VRm9Es8TaUJcK74awTNEG9RdAeIHHZQg)

위 예시는 우선, 수신VASP 대상 목록을 사용자에게 보여주고 어떤 수신처로 보내야 할지 선택하게 합니다. 수신VASP 선택 후, 수신자의 정보를 입력하게 해야합니다. 여기에 입금 화면에서 보신 이름을 입력해서 출금하도록 합니다. 

{% hint style="info" %}
수신 VASP목록은 반드시 드롭다운으로 구현할 필요는 없습니다. 다만, 어떤 형태로든 사용자가 선택할 수 있어야 합니다. 또한 해당 목록은 주로 FAQ섹션 등에 별도로 사용자에게 공지 하는 경우가 많이 있음을 알려드립니다. 
{% endhint %}

<br>