BC카드 페이북
머니박스 Phase.2
Client Needs
BC카드사에서는 Phase.1에서 런칭되었던 단일 형태의 머니박스에서
다양한 타입의 박스로 확장하고 UX를 고도화하여 사용자에게 더욱 더 다채로운 경험을 제공하고자 하였습니다.
기존 단일 형태의 박스에서 다양한 형태의 박스로
확장시켜 다양한 리워드를 경험을 제공하고
UX의 고도화로 서비스를 확대하고자 합니다.
Client Interview
BC카드사의 홍보 플랜과 목적, 비즈니스 현황 및 제약사항 등을 파악하고
프로젝트 목표 및 방향성을 결정하기 위해 BC카드측과 인터뷰를 진행했습니다.
Money Box
UX Advancement Project
- 모으기와 열기 경험의 분리
- 두 경험에 적합한 항목을 분리 제공해
직관적이고 심플한 UI 구성
- 머니박스 체험
- 기존 한 가지 형태의 박스를
다양한 타입으로 확장하여
재미 효과 증대
- 자연스러운 경험의 흐름
- 머니박스 이벤트의
인지 > 획득 > 열기 경험의 흐름을
Seamless 하게 제공
Project GoalGOAL
기존 머니박스 서비스에서 모으기와 열기 경험을 분리 제공해 직관적이고 심플한 UI를 제공하며
머니박스 이벤트 경험의 흐름을 Seamless 하게 제공하여 서비스를 확장합니다.
단일 형태의 박스에서 다양한 형태의 박스로 확장하여 사용자에게 더욱 다양한 경험을 제공하며,
박스 형태에 따른 차별화된 경험을 전달할 수 있도록 합니다.
CONCEPTDesign Concept
더 리얼한 랜덤박스를 제공해 생생한 경험을 전달하고,
이벤트의 확장성을 고려해 다양하게 확장 가능한 형태로 디자인합니다.
Design System
사이트의 완성도 높은 아이덴티티 구축을 위해 디자인 시스템을 정의합니다.
Graphic elements
Basic Box
Box
Coin
FirecrackerMultiple Box
Box
CoinFirecrackerSpecial Box
Box
Coin
FirecrackerIcon
reveal
your
existence REVEAL
Money Box Home
모두의 머니박스 홈화면에는 보유하고 있는 머니박스가 중앙에 노출되며
열 수 있는 박스가 있는 경우에는 열기 버튼이 활성화됩니다.
딥한 컬러의 배경을 사용하여 머니박스 영역의 집중도를 높였습니다.
01
- Basic box
- 일반 박스를 열면 박스 뚜껑이 열리면서
파티클과 함께 은색의 동전이 나타납니다.
02
- Multiple box
- 배수 박스를 열면 뚜껑이 열리면서
파티클과 함께 각 배수 숫자가 적힌 동전이 나타납니다.
03
- Special box
- 스페셜 박스를 열면 뚜껑이 열리면서
배경 위로 반짝이가 쏟아지고
파티클과 함께 금색 동전이 나타납니다.
Tutorial
Contents
머니박스 설명, 활용법, 이벤트 등의 풍부한 콘텐츠를
사용자가 흥미롭게 느낄 수 있도록 구성하였습니다.
매일매일 쌓이는 즐거움
페이북 모두의 머니
Credits
Director
- Baek GwangJong
Product Manager
- Park Yerin(BC Card)
Design/Motion
- Han SeHui
- Baek GwangJong
- Kim JiEun
Development
- Race
- Lee MinGyeong