Logo

PAYVILLAGE ADMIN WEB

페이빌리지 관리자 포털

  • Type

    Web Platform

  • Role

    UX/UI 디자인, 퍼블리싱

  • Period

    2025. 08 ~ 10

  • Tool

    Figma, HTML5, CSS3, JavaScript

통합 결제 솔루션 페이빌리지는 결제 내역 조회부터 정산 관리, 실시간 거래 모니터링, 리스크 관리까지 다양한 운영 업무를 하나의 플랫폼에서 처리할 수 있는 PG 어드민 시스템입니다.

이번 프로젝트는 복잡하게 분산되어 있던 정보 구조와 사용성을 전면 개선하는 리뉴얼 프로젝트로, 사용자가 필요한 정보를 더욱 빠르게 확인하고 핵심 업무에 집중할 수 있도록 화면 구조와 인터랙션을 재설계했습니다. 또한 반복적인 관리 업무의 효율성을 높일 수 있도록 UI의 일관성과 가독성을 개선하고, 안정적인 업무 경험을 제공하는 데 중점을 두었습니다.

기존 서비스의 열악한 사용자 경험

페이빌리지 관리자 포털은 UX/UI 전문가 없이 엔지니어 중심으로 개발되어, 모든 초점이 빠른 개발과 기능 구현에 맞춰져 있었습니다. 그 결과 정보 구조와 흐름의 직관성이 떨어져 운영 효율성이 저하되는 문제를 안고 있었습니다. 이에 디자인 시스템을 새롭게 구축하고 이를 서비스 전반에 적용하여, 일관된 사용자 경험을 제공할 수 있도록 UI 설계와 시각 디자인 전반을 개선했습니다.

페이빌리지 어드민 메인페이지

쉽고 편리한 UI로 개편

사이트 전반에 흩어져 있던 불필요하거나 중복된 정보를 재배치하고 그룹화하여 공간 활용도를 높였습니다. 또한, 다양한 정보를 한 화면에서 효율적으로 전달해야 하는 서비스 특성을 고려해 단순하고 일관된 레이아웃을 적용했으며, 가독성 높은 타이포그래피와 직관적인 아이콘을 활용해 필요한 정보를 빠르고 쉽게 파악할 수 있도록 디자인하였습니다.

페이빌리지 관리자 로그인화면
페이빌리지 관리자 서브페이지

모바일 업무 환경을 고려한 반응형 설계

모바일 환경에서도 거래 현황과 주요 업무를 확인하는 경우가 많은 점을 고려하여, 다양한 디바이스에서 일관된 사용자 경험을 제공할 수 있도록 반응형 웹으로 설계했습니다. 화면 크기에 따라 정보의 우선순위와 레이아웃을 최적화하여, 모바일에서도 동일한 흐름으로 업무를 수행할 수 있는 직관적인 UI를 구현했습니다.

페이빌리지 관리자 모바일뷰

서비스 홍보를 위한 랜딩페이지 제작

페이빌리지의 브랜드 가치와 서비스를 효과적으로 전달하기 위한 대외 홍보 웹사이트를 제작했습니다. 서비스 소개부터 도입 문의까지 자연스럽게 이어지는 콘텐츠 흐름을 구성하고, 빠른 결제 연동, 안정적인 운영, 간편한 가입 프로세스 등 핵심 메시지가 명확하게 전달될 수 있도록 UI를 설계했습니다. 또한 브랜드 톤앤매너를 반영한 시각 디자인과 반응형 웹 퍼블리싱을 통해 다양한 디바이스에서 일관된 사용자 경험을 제공하는 데 중점을 두었습니다.

페이빌리지 랜딩페이지
페이빌리지 랜딩페이지 모바일뷰