Corpay 3.3 mobile wallet 디자인 업그레이드 프로젝트

SK C&C의 Smart Mobile Wallet인 Corpay®가 프로젝트 버전 3.3으로 2013년 6월 UI/UX 디자인 업그레이드 및 Integration Task가 시작되어 2014년 3월 제품 홍보를 위한 프로모션 환경개발까지 총 10여개월간의 개발을 마치고 일반에 공개되었습니다.
이번 Wallet UI/UX 디자인의 업그레이드 테마는 Wallet의 사용 주체인 Service Provider와 End User 모두에게 편리함과 가치를 제공하는 것을 메인 테마로 프로젝트가 진행되었습니다.

이번 UI/UX 디자인 업그레이드를 진행함에 앞서 우선 우리 Wallet이 가지는 경쟁력과 경쟁사 제품 및 시장현황 분석을 진행했습니다.경쟁사 제품과 시장 분석 결과, 당사가 가지는 기술적, 서비스적 경쟁력을 시장에서 부각시키기 위해서는 Corpay®만의 Identity를 UI/UX로 차별화 해야 한다는 결론을 얻었고, 이를 위해 메인 타겟을 설정하고 타겟 고객에게 제공할 수 있는 가치를 도출하고 고객이 생각하는 Mobile Wallet을 사용하는 데 있어 장애요인으로 생각하는 Point를 UI/UX로 극복함을 프로젝트의 핵심 목표로 삼았습니다.

 

시장 분석 및 고객 분석

모바일 Wallet은 실제 소비생활에 도움을 줄 수 있는 서비스로 30대남자와 20대여자를 타겟으로 모바일이 가지는 간편함과 편리함과 동시에 보안/해킹,사용의 어려움을 UI/UX 개선의 목표로 삼았습니다.

 

 

UI/UX 컨셉

이를 위해 Wallet의 사용의 메인 주체인 SP(서비스 제공자, Merchant 등)와 User(사용자) 모두가 Wallet을 사용함에 있어 가치를 느낄 수 있는 UI/UX 디자인을 구성하는 것으로 컨셉을 설정했습니다.  

 

디자인 Theme

사용자가 느끼는 Look&Feel이 신뢰성과 편리함이 동시에 느낄수 있는 감성적인 UI를 구성하는 것을 디자인 Theme로 설정했습니다. SK C&C가 제공하는 Mobile Wallet은 사용자가 스마트폰에서 설치하고 사용하는 다양한 결제수단(신용카드, 선불카드) 및 쿠폰, 멤버쉽 등의 서비스(APP)를 하나의 Wallet에 담아서(Contain) 사용할 수 있는 모바일 서비스 Container 의 컨셉으로 고객(SP, 서비스사업자)이 원하는 어떠한 서비스도 Wallet에 담아 유연하게 서비스가 가능하도록 기술적 Framework가 구성되어 있습니다.

 

주요 화면

Corpay® 3.3은 Home, My Wallet 그리고 Market 이렇게 총 3개의 주요 메뉴로 구성되어 있습니다.

사용자의 편리성을 높이기 위해 Home 화면에 사용자의 공간과 SP(서비스제공자, Merchant 등)의 공간을 Flicking 페이지로 분리해서 구성해 각각의 테마를 사용자가 명확히 구분할 수 있도록 했습니다.

그리고, My Wallet과 Market의 UI를 동일하게 구성하면서, 사용상 재미를 높이기 위해 다양한 UI적 재미를 추가 했습니다.

 

● Home 화면

사용자가 자주쓰는 카드, 쿠폰, 멤버쉽카드를 설정해 놓을 수 있는 My Favorite와 SP(서비스제공자, Merchant 등)이 제공한 혜택(쿠폰, 멤버쉽 등)이 시간대로 별로 노출되는 Time Slot이 Flicking 페이지로 제공되며, Time Slot 우측 Flicking 영역에는 고객의 위치 기준으로 제공되는 Distance Slot이 제공되서 SP(서비스제공자, Merchant 등)이 제공한 혜택(쿠폰, 멤버쉽 등)을 거리 기준으로 검색 할 수 있게 구성했습니다.

 

● My Wallet

사용자가 Wallet이 Market을 통해 제공하는 지불결제카드(신용카드, 선불카드 등) 및 쿠폰, 가입한 멤버쉽을 통합 조회할 수 있는 메뉴이며, 이 메뉴에서 Home 화면의 Favorite에 노출할 카드, 쿠폰, 멤버쉽을 설정할 수 있습니다.  

:: My Wallet > Card ::

 

---

:: My Wallet > Coupon ::

---

● Market

SP(서비스제공자, Merchant 등)가 제공하는 각종 카드 및 혜택(쿠폰, 멤버쉽)을 조회하고, 사용자가 My Wallet에 카드의 발급, 쿠폰 추가 또는 멤버쉽 가입을 할 수 있는 화면입니다.

 

:: Market > Card ::

 

---

:: Membership ::

주요 UI/UX 기능적 Feature

이번 Wallet UI/UX 디자인 업그레이드를 마치면서, 주요 기능적 Feature는 아래 6가지로 정리했습니다.

 

● Time & Distance slot에 따른 Interaction Contents Recommendation
Corpay® 3.3 Mobile Wallet이 제공하는 다양한 혜택을 시간과 거리라는 단순하고도 명확한 기준으로 통해 고객이 손쉽고 편안하게 받아 들일 수 있도록 UI/UX 템플릿의 기준을 세웠습니다.  

 

 

[Wallet 실행시 에도 사용자의 시간에 따른 Time 테마 적용]

 

● 복합결제 (with POS Integration)

mobile wallet이 보유한 다양한 쿠폰과 멤버쉽을 한번의 NFC 태킹으로 결제와 함께 쿠폰사용과 멤버십적립을 한번에 처리하는 API를 Corpay® 3.3 wallet이 제공하고 있는데, 이 과정에서 사용자가 복합결제의 사용 프로세스를 시각적으로 체험할 수 있도록 UI/UX를 구성하였습니다.

 

● Non-NFC Device 및 환경을 위한 복합결제를 위한 통합 QR코드 생성 기능 제공

추가적으로, NFC가 지원되지 않는 결제의 경우 Wallet 내 모든 혜택을 하나의 QR코드로 통합하는 기능을 제공해 사용성에 있어서도 많은 고민을 했습니다. 

● Trust & Easiness UI/UX 제공 / Issue Waiting Process 제공, 복합결제 Guide 제공 등

Wallet을 설치하거나, SE에 카드를 다운 받거나, 복합결제를 실행하는 등의 다양한 Wallet 사용 환경에서 고객이 시각적으로 안정감과 신뢰감을 줄 수 있도록 다양한 환경과 상황에 맞는 애니매이션을 제공하고 있습니다.

[설치 후 초기 화면 애니매이션을 통해 Wallet의 특징을 보여주고 있습니다.] 

 

[서비스 사용 테마 별 애니매이션 제공]
사용자가 NFC결제를 하거나, Access카드를 사용하거나 또는 NFC Bumping을 통해 송금하는 테마 별로 사용자에게 애니매이션을 제공함으로써 편리한 사용을 지원합니다.

 

 

 

[연관서비스 조회 및 Interactive Receipt]
Wallet에 서비스별로 관련된 카드, 쿠폰, 멤버쉽을 같이 조회해 주고, 결제 영수증에 결제 가맹점의 주소와 지도, 복합결제 내역과, 향후 사용할 수 있는 관련 혜택(쿠폰. 멤버쉽 등)을 연동해 사용자가 Wallet의 사용성을 높였습니다. 

 

 

[Smart Widget 제공] 

 

[가맹점 정보 채널 및 Driving Direction 제공]

 

● Wallet Theme 적용

사용자가 다양한 Wallet의 Theme를 선택해서 사용할 수 있도록 설계함에 따라, 사용자가 필요한 서비스와 선호하는 스킨을 선택적으로 사용할 수 있게 설계되었습니다. 

 

 

● 다양한 추가 기능 제공

마지막으로 Access Card 와 같은 Non Payment 서비스를 지원하며, Wallet을 통해 온라인/모바일 쇼핑의 결제가 가능합니다. 또한, 휴대폰과 휴대폰의 Bumping을 통해 NFC 송금 등의 부가 기능을 제공합니다.

 

[Reader용 Access Card UI 및 API 제공] 

 

[Wallet으로 통한 온라인/모바일 결제 UI 및 API 제공] 

 

[Bump 를 통한 NFC 송금 UI 및 API 제공]

 

[SMS, 이메일, Facebook에 Wallet 쿠폰, 멤버쉽 정보의 Share]

 

맺음말

 

Corpay® 3.3 Wallet은 최적화된 형태의 모바일 서비스 Container로서 고객과 서비스사업자 모두가 만족할 수 있는 가치를 가질 수 있도록 구성하였고, 고객이 원하는 NFC 또는 Non NFC 서비스를 유연하게 연동 또는 호환이 가능한 최고의 모바일 Wallet입니다.

Corpay®는 앞으로 고객에게 SK C&C의 기술력을 소개하는 최전선의 Product로서 자리 매김 하면서, 고객과 더불어 더 많은 가치를 창출할 수 있도록 더욱 연구 개발에 매진할 예정입니다.

 

 

UI/UX Design

● UI/UX Design Director
	양인성 과장 / 커머스사업2팀 / 02-6400-2973 12년-13년 글로벌 R&BD센터에서 신규R&BD기획 및 AT&T SP Portal 설계, Corpay® 3.3 UI/UX 디자인 개선을 담당하였고, 현재 모바일 사업본부 커머스사업2팀에서 국내 커머스 사업을 담당하고 있습니다.

 

Wallet Client 개발 

● Corpay® 3.3 Product - Wallet Client 개발 담당
	조형준 차장 / m-Commerce 개발팀 / 02-6400-4709 2012년 10월부터 글로벌 R&BD센터에서 솔루션 개발을 담당하고 있으며 현재 m-Commerce 개발팀에서 R&D 파트 리더 및 CorMKT: Point 솔루션의 Mobile App. 부분 설계 및 개발을 담당하고 있습니다.

 

● Mobile Client UI/UX 개발 리더
	심재희 과장 / Global R&BD센터 m-Commerce개발팀 / 02-6400-3634 2012년부터 현재까지 Global R&BD센터에서 mobile wallet 개발을 담당하고 있으며, SingTel wallet client 개발에 참여하였고, CorPay® 3.3 설계 및 개발을 담당하였습니다.

 

● Mobile Client 개발 리더
	홍형준 과장 / Global R&BD센터 m-Commerce개발팀 / 02-6400-2535 2010년 6월에 SK C&C에 입사하여 쭉 Mobile Commerce의 mWallet 솔루션의 client의 설계 및 개발을 담당했으며, 현재에는 NFC의 화두인 HCE관련 솔루션 개발에 열중하고 있습니다.

 

● Corpay® 3.3 Product - Wallet Client 개발 담당
	최테리 대리 / m-Commerce 개발팀 / 02-6400-3652  2011년부터 현재까지 Mobile Commerce의 m-Wallet Client 개발을 담당했으며 Dunkin' Donut Wallet 프로젝트 등에 참여했고, 현재 중국 Wallet 프로젝트에 참여하고 있습니다.

 

Wallet Server 개발 

● Corpay® Solution Architect & Server 개발 리더
	김현진 과장 / m-Commerce 개발팀 / 02-6400-2225 10년-13년 글로벌 R&BD센터에서 CorPay® Solution 설계 및 개발 수행하였고, 12년 ~13년 Vodafone Wallet Project Server 개발 Leader 역할 수행하였음, 현재 m-Commerce 개발팀 에서 HCE 관련 솔루션 개발 리더 및 CorMKT: Point 솔루션 Server Architect 역할을 담당하고 있습니다.

 

● Corpay® 3.3 Product에서 Wallet server 개발 담당
	최현희 대리 / m-Commerce 개발팀 / 02-6400-2302 현재 Wallet server 개발을 담당하고 있습니다.