들어가며

지난해 12월, 사내에서 사용할 목적으로 WEB3 pxd Wallet을 개발하기 시작했습니다.
이전에 WEB3 플랫폼에서 UI/UX를 고민하며 UI를 개발하고 일부 프론트앤드 작업을 해본 경험은 있었지만, 실제 블록체인과 스마트 컨트랙트와 관련된 프론트앤드 개발은 처음이었기에 거의 0에서 시작하는 느낌이었습니다.

개발 과정에서 블록체인 네트워크의 테스트넷을 사용해보며, ERC-20 및 ERC-721 토큰에 대한 이해를 쌓았고, 깊이는 아니지만 Solidity를 활용해 간단한 스마트 컨트랙트를 작성하고 이를 실제 블록체인 테스트넷에 배포하는 경험을 하며 이 과정에서 새로운 지식을 습득하기도 했습니다.
비록 업무와 병행하며 진행되었고, 우선순위에서 밀려 잠시 중단된 적도 있었지만, 꾸준히 진행한 끝에 마무리 지을 수 있었습니다.

이 글에서는 기술적인 내용보다는 pxd Wallet의 제작 과정과 그동안의 이야기를 중심으로 풀어보려 합니다.

pxd Wallet의 목적과 주요기능

pxd Wallet의 개발은 ‘사내 WEB3 서비스의 자산을 관리하고, 활용할 수 있는 지갑을 개발하자.’는 목표로 시작되었습니다.
기존에 사용 중인 별점, 버디피 등의 다양한 서비스에서 활용 가능한 토큰을 관리하고 사용할 수 있는 지갑을 만들자는 취지였습니다. 또한, 사원증이나 재직증명서와 같은 문서들도 이 지갑을 통해 관리할 수 있도록 하는 것을 목표로 했습니다.

1차 목표는 다음과 같았습니다.

• 로그인 기능
• 지갑 생성
• 토큰 및 NFT 보유
• 토큰 및 NFT 전송
• 토큰 및 NFT 수신
• 자산 히스토리 조회
• 자산 상세 정보 조회

블록체인 UI/UX 경험은 있었지만, 실제 블록체인 위에서 개발한 경험이 거의 없었기 때문에 가장 기본적인 부분부터 시작하기로 했습니다.

pxd Wallet의 주요 화면

pxd Wallet의 차별성

지금까지 사용해본 여러 지갑들은 대부분 사용하기 불편하다고 느꼈습니다.
특히, WEB3 지갑을 사용할 때는 내 자산을 확인하고 전송하거나 받을 때 어느 정도 사전 지식이 필요했습니다.
그래서 pxd Wallet은 이러한 복잡함을 해소하고, 블록체인 서비스지만 사내에서만 사용된다는 점을 고려해 사용자 친화적인 UI/UX를 설계했습니다.

사용자 친화적 설계

 

초기에는 기존 WEB3 지갑의 사용 방식에 익숙해져 있어서 비밀구절을 한글로 생성하는 방법이나 QR 코드를 제공하는 등 기존의 틀에서 벗어나지 못한 부분도 있었습니다.

 

그러나 사용자가 지갑을 잃어버렸을 때 어떻게 하면 더 쉽게 복구할 수 있을지 고민하면서 ‘가디언 지갑’ 개념을 생각하게 되었고, 외부에 공개되지 않는 사내 서비스라는 점을 고려해 사내 SSO를 활용하면 사용자가 굳이 비밀구절을 기억할 필요가 없어지고, 사내 SSO를 통해 로그인을 하여 지갑을 사용할 수 있게 되지 않을까? 라는 생각이 들어 기존의 WEB3 지갑과는 다른 방식으로 지갑을 생성하고 사용할 수 있도록 하였습니다.

 

이렇게 설계하니, 사내 인원끼리 자산을 주고받을 때도 굳이 상대방의 지갑 주소나 QR 코드를 알 필요 없이, 사내 인원의 이름만으로 자산을 전송할 수 있게 되었습니다. UI 역시 비밀구절 생성 프로세스를 제거함으로써 사용자가 지갑을 더 쉽게 생성하고 사용할 수 있도록 개선되었습니다.

 

거래 기록 상세 페이지도 설계했지만, 거래 기록 리스트에서 어떤 종류의 자산을 누구에게 언제 보냈는지 또는 받았는지에 대한 성공/실패 여부를 한눈에 볼 수 있게 하여 굳이 상세 페이지를 조회하지 않아도 되도록 간소화했습니다.

 

중요한 정보를 모두 보여주는 거래 기록 리스트

pxd Wallet으로 인한 기대 사항

마치며