추천인 코드 UI 개선

회원가입 프로세스 중 필수정보를 모두 입력하고 나오는 마지막 페이지인 추천인 코드 입력의 화면에서 코드를 다 입력하고 나서

포인트 받기 버튼을 누르지 못하고 건너뛰기 버튼을 눌러 포인트를 못 받았다는 CS가 주기적으로 인입되었다.

그의 원인으로는 “건너뛰기”의 버튼이 혜택을 받을 수 있는 버튼인 “포인트 받기”의 버튼보다 크기적으로 강조되어

추천인 코드를 입력후에 건너뛰기의 버튼을 눌러 혜택을 받지 못하는 것이었고

추가로포인트 받기의 버튼이 추천인 코드를 입력하는 인풋의 바로 우측에 있어 인지하기 어렵다고 생각하였다.

 

이를 해결하기 위해 “건너뛰기”와 “포인트 받기”의 버튼을 동일한 레벨 선상에 두되 컬러의 측면에서 “포인트 받기”를

강조하여 해당 이슈를 개선하고자 하였다. 또한 추천인 코드 입력의 인풋은 인풋의 형태로만 활용하였고

버튼의 위치 또한 “포인트 받기”를 우측으로 두어 자연스럽게 다음 스텝으로 이동시키고자 하였다.

이러한 개선 이후로 기존의 CS인입은 해결되었다.